PHP 3 HTML POST带参数请求后端返回json格式的数据给前端

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

前端代码

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><title>Title</title><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script><style type="text/css">button {width: 150px;height: 50px;}.file {margin: 50px;}.content {margin: 50px;}.btn_2 {position: relative;bottom: 20px;left: 40px;}</style></head><body><div class="file"><form action="http://gohosts.com/index.php" enctype="multipart/form-data" method="post"><input type="file" name="excel_file"><button class="btn btn-primary" type="submit">上传</button></form></div><div class="content">内容：<input type="text" name="content"><button class="btn_2" id="ajaxSubmit" />点我ajax提交表单</button><div class="block" id="block"></div></div><script type="text/javascript">//给id为ajaxSubmit的按钮提交表单$("#ajaxSubmit").click(function() {var data = {title: $(" input[ name='title' ] ").val(),content: $(" input[ name='content' ] ").val()}console.log(data)$.ajax({//几个参数需要注意一下type: "POST", //方法类型dataType: "json", //预期服务器返回的数据类型url: "http://gohosts.com/index.php", //urldata: data,success: function(res) {console.log(res); //打印服务端返回的数据(调试用)var htm = '';for(var i = 0; i < res.length; i++) {htm += '<div id="">content:' + res[i].content + '</div>';}$('#block').html(htm)},error: function() {alert("异常！");}});});</script></body></html>

后端代码

<?phpheader("Content-Type:text/html;charset=utf8"); header("Access-Control-Allow-Origin: *"); //解决跨域header('Access-Control-Allow-Methods:POST');// 响应类型  header('Access-Control-Allow-Headers:*'); // 响应头设置 $link=mysql_connect("localhost","root","root"); mysql_select_db("new_test", $link); //选择数据库mysql_query("SET NAMES utf8");//解决中文乱码问题$content = $_POST['content'];//插入数据到数据库 $strsql = "insert into arr_content (content) values('$content')";//mysql_query() 函数执行一条 MySQL 查询。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用这个函数执行$result = @mysql_query($strsql);$q = "SELECT * FROM arr_content"; //SQL查询语句 SELECT * FROM 表名$rs = mysql_query($q); //获取数据集if(!$rs){die("数据库没有数据!");}//循环读取数据并存入数组对象$dlogs;$i=0;while($row=mysql_fetch_array($rs)){$dlog["content"]=$row["content"];$dlogs[$i++]=$dlog;}//以json格式返回html页面echo urldecode(json_encode($dlogs));
?>

PHP 3 HTML POST带参数请求后端返回json格式的数据给前端相关推荐

java异步请求显示数据格式_JSON(四）——异步请求中前后端使用Json格式的数据进行交互...
json格式的数据广泛应用于异步请求中前后端的数据交互,本文主要介绍几种使用场景和使用方法. 一,json格式字符串 functionsentAjax(){ $.ajax({ type:'POST', ...
java中使用ajax请求数据格式化,ajax请求服务器返回json数据格式化
JQuery--实现Ajax应用实现Ajax应用 1 .load()异步请求数据,通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,调用格式为load(url,[data], ...
ajax返回数据输出成表,javascript代码实例教程-ajax请求返回Json格式数据如何循环输出成table形式...
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过. 首先,Ajax请求数据,(用的是Jquery的Ajax) [javascript] $(function(){ ...
python get方法请求参数_python中requests库get方法带参数请求
起因是想爬五等分的花嫁的漫画.这是其中的一个坑先上代码 data={'cid':567464,'page':1,'key':'','language':1,'gtk':6,'_cid':567464 ...
python get方法列表参数_python中requests库get方法带参数请求
起因是想爬五等分的花嫁的漫画.这是其中的一个坑先上代码 data={ 'cid':567464, 'page':, 'key':'', 'language':1, 'gtk':6, '_cid':5 ...
章节六：带参数请求数据
章节六:带参数请求数据目录章节六:带参数请求数据 1. 复习 2. 项目:狂热粉丝 3. 分析过程 3.1 什么是带参数请求数据 3.2 如何带参数请求数据 4. 代码实现 5. 被隐藏的歌曲清单 ...
【Python自查手册】之带参数请求params的用法
params, 可以让我们带着参数来请求数据:我想要第几页?我想要搜索的关键词?我想要多少个数据? headers, 请求头.它告诉服务器,我的设备/浏览器是什么?我从哪个页面而来? 带参数请求,实现 ...
Python—爬虫之Network，XHR，json 带参数请求数据（爬取歌单、歌词）
Python-爬虫之Network,XHR,json & 带参数请求数据(爬取歌单.歌词) Network是什么,能做什么 XHR要如何请求 json格式的转换带参数请求数据修改请求头,便 ...
jquery的ajax异步请求接收返回json数据
jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以.这篇文 ...

PHP 3 HTML POST带参数请求后端返回json格式的数据给前端

承接微信小程序开发。扫码加微信。

PHP 3 HTML POST带参数请求后端返回json格式的数据给前端相关推荐

最新文章

热门文章

PHP 3 HTML POST带参数请求 后端返回json格式的数据给前端

承接微信小程序开发。扫码加微信。

PHP 3 HTML POST带参数请求 后端返回json格式的数据给前端相关推荐

最新文章

热门文章

PHP 3 HTML POST带参数请求后端返回json格式的数据给前端

PHP 3 HTML POST带参数请求后端返回json格式的数据给前端相关推荐