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標籤當中
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章