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

 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 id="buy_data1">//传输到php页面的数据

<input id="buy_data2">

<input type="submit" name="sub" id="sub" value="看一看" onClick="look()"> 

<span id="info">

用来显示从php返回的数据

</span>

(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页面代码：

<span id="info1">

</span>

<span id="info2">

</span>

<span id="info3">

</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标签当中