快捷導(dǎo)航

PHP 與 js的通信（via ajax,json）

更新時(shí)間：2010年11月16日 23:03:44 作者：

一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會(huì)變成null（line 38）

JavaScript端：
注意：一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會(huì)變成null（line 38）
亮點(diǎn)在line 31！

 
<script type="text/javascript"> 
function GetJson() { 
var xmlHttp; 
try { 
// Firefox, Opera 8.0+, Safari 
xmlHttp = new XMLHttpRequest(); 
} 
catch (e) { 
// Internet Explorer 
try { 
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 
} 
catch (e) { 

try { 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
catch (e) { 
alert("您的瀏覽器不支持AJAX！"); 
return false; 
} 
} 
} 

xmlHttp.onreadystatechange = function() { 
if (xmlHttp.readyState == 4) { 
//alert(xmlHttp.responseText); 
var str = xmlHttp.responseText; 
document.getElementById('show').innerHTML +=str; 
//alert(str); 
var obj = eval('('+ xmlHttp.responseText +')'); 
//var obj = eval(({"id":"123","name":"elar","age":"21"})); 
alert(obj.name); 
} 
} 
var data = "id=123"; 
xmlHttp.open("POST", "testJson.php", true); 
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xmlHttp.send("id=123"); 
} 
</script> 
<input type="button" onclick="GetJson()" value="按我！"/> 
<hr /> 
<div id="show"></div> 

PHP端【testJson.php】：
（注意，php文件要干凈，<?php ?>標(biāo)簽的外部不能有其他標(biāo)簽，否則eval函數(shù)無(wú)法解析）
亮點(diǎn)在line 6

復(fù)制代碼代碼如下:

 
<?php 
$res['id'] = $_POST['id']; 
$res['name'] = "elar"; 
$res['age'] = "21"; 
$response = "hello this is response".$_POST['id']; 
echo json_encode($res); 
?> 

總結(jié)：
js要往PHP端送數(shù)據(jù)，用的是xmlHttp.send("id=123");
PHP給js送數(shù)據(jù)，用的是echo json_encode($res);（要注意變量$res的構(gòu)造應(yīng)符合JSON的規(guī)范）
js要解析PHP送來(lái)的JSON格式的數(shù)據(jù)，用var obj = eval('('+ xmlHttp.responseText +')');

您可能感興趣的文章:

相關(guān)文章

微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能分析
這篇文章主要介紹了微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺(tái)數(shù)據(jù)交互過(guò)程中遇到的問題與相關(guān)的解決方法,需要的朋友可以參考下
2017-11-11
Javascript監(jiān)視變量變化的方法
這篇文章主要介紹了Javascript監(jiān)視變量變化的方法,涉及javascript針對(duì)變量的相關(guān)操作技巧,需要的朋友可以參考下
2015-06-06
微信小程序如何連接Java后臺(tái)
這篇文章主要介紹了微信小程序如何連接Java后臺(tái),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
JavaScript對(duì)象原型鏈原理詳解
這篇文章主要介紹了JavaScript對(duì)象原型鏈原理詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
如何使用js查找數(shù)組中符合條件的元素
這篇文章主要給大家介紹了關(guān)于如何使用js查找數(shù)組中符合條件的元素,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2023-04-04
Javascript中構(gòu)造函數(shù)要注意的一些坑
JavaScript語(yǔ)言是一門面向?qū)ο蟮恼Z(yǔ)言，但JS中并沒有類的概念的。于是JavaScript采用構(gòu)造函數(shù)的方式來(lái)模擬類的效果，即我們通過(guò)函數(shù)來(lái)創(chuàng)建對(duì)象。這也證明了函數(shù)在JavaScript中具有非常重要的地位。本文主要介紹了Javascript中構(gòu)造函數(shù)的一些坑,需要的朋友可以參考。
2017-01-01
JavaScript中創(chuàng)建動(dòng)態(tài) QML 對(duì)象的方法
這篇文章主要介紹了 JavaScript中創(chuàng)建動(dòng)態(tài) QML 對(duì)象，下面文章主要分析了兩中方法，分別是從 QML 字符串創(chuàng)建對(duì)象和動(dòng)態(tài)創(chuàng)建組件以及刪除對(duì)象等方法，具有有一定的參考價(jià)值，需要的小伙伴可以參考一下
2021-12-12
如何利用unicloud生成微信小程序分享碼
這篇文章主要給大家介紹了關(guān)于如何利用unicloud生成微信小程序分享碼的相關(guān)資料,這是最近工作中遇到的一個(gè)需求,文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
JavaScript是單線程指的是同一時(shí)間只能干一件事情,只有前面的事情執(zhí)行完,才能執(zhí)行后面的事情,這篇文章主要介紹了JavaScript宏任務(wù)(macrotask)和微任務(wù)(microtask) 執(zhí)行順序,需要的朋友可以參考下
2023-10-10