1. 云栖社区>
  2. PHP教程>
  3. 正文

PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收

作者:用户 来源:互联网 时间:2017-12-01 12:50:11

jquerypostjson数据实现数据传输格式操作接收利用

PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收 - 摘要: 本文讲的是PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收,PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收首先认识jQuery的语法格式:$("#sub").click(function(){ $.post("要处理数据的PHP页面", 要传输的数据(可为单个数据、数

PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收首先认识jQuery的语法格式:
$("#sub").click(function(){
$.post("要处理数据的PHP页面", 要传输的数据(可为单个数据、数组,json等格式), function(data)(回调函数){
alert(data);//进行回调函数调用成功后处理的模块,此为输出返回的数据},"json");//若回调函数返回的是json格式的数据,则要在此处加上"json"返回的数据类型,否则不写
});然后认识json数据格式:
{name1:value1,name2:value2,......}
具体步骤:
1、从html页面中把数据传输到PHP页面中:
(1)html页面代码://传输到php页面的数据

用来显示从php返回的数据
(2)js代码:function look()
{
$("#sub").click(function(){
var buy_date1 = $("#buy_date1").val();
var buy_date2 = $("#buy_date2").val();
if (buy_date1 == "" || buy_date2 == "")
{
alert("信息不完整");
return;
}
$.post("sum.php", {buy_date1:$("#buy_date1").val(),buy_date2:$("#buy_date2").val()}, function(data){
alert(data);
},"json");
});}(3)php页面代码:
<?php
$buy_date = $_POST['buy_date1'];
$buy_date2 = $_POST['buy_date2'];echo '时间1:' . $buy_data1 . '时间2' . $buy_data2;总结:
点击”看一看“按钮,调用look()方法,以json格式传递数据$buy_data1和$buy_data2到php,如果成功,则返回数据$buy_data1和$buy_data2并输出到前端。2、利用回调函数,接收从PHP页面返回来的json数据格式,并显示到当前页面:(1)php页面代码:$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);echo json_encode($arr);
(2)js代码:function look()
{
$("#sub").click(function(){
$.post("demo.php", function(data){
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
},"json");
});
}(3)html页面代码:




总结:
PHP页面的json格式要注意,为:$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
输出形式为:echo json_encode($arr);js部分的
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
为把返回来的json格式数据解析并输出到相应的span标签当中

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , post , json , 数据 , 实现 , 数据传输 , 格式 , 操作 , 接收 利用 ,以便于您获取更多的相关知识。