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页面代码: <input ); }); } (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页面代码: <span > </span> 总结: 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标签当中
|
请发表评论