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標簽當中


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM