PHP 與 js的通信（via ajax,json）
更新時(shí)間：2010年11月16日 23:03:44 作者：
一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成null（line 38）
JavaScript端：
注意：一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成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ù)無法解析）
亮點(diǎn)在line 6
<?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送來的JSON格式的數(shù)據(jù)，用var obj = eval('('+ xmlHttp.responseText +')');
注意：一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成null（line 38）
亮點(diǎn)在line 31！
復(fù)制代碼 代碼如下:
<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ù)無法解析）
亮點(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送來的JSON格式的數(shù)據(jù)，用var obj = eval('('+ xmlHttp.responseText +')');
您可能感興趣的文章:
- php實(shí)現(xiàn)的一個(gè)簡單json rpc框架實(shí)例
- php xml-rpc遠(yuǎn)程調(diào)用
- AMFPHP php遠(yuǎn)程調(diào)用(RPC, Remote Procedure Call)工具 快速入門教程
- php中關(guān)于codeigniter的xmlrpc的類在進(jìn)行數(shù)據(jù)交換時(shí)的類型問題
- PHP實(shí)現(xiàn)與java 通信的插件使用教程
- php與java通過socket通信的實(shí)現(xiàn)代碼
- PHP與Java進(jìn)行通信的實(shí)現(xiàn)方法
- PHP的Socket通信之UDP通信實(shí)例
- PHP下操作Linux消息隊(duì)列完成進(jìn)程間通信的方法
- PHP與Go語言之間的通信詳解
- php中socket通信機(jī)制實(shí)例詳解
- PHP實(shí)現(xiàn)創(chuàng)建一個(gè)RPC服務(wù)操作示例
相關(guān)文章
這篇文章主要介紹了JavaScript使用閉包模仿塊級作用域操作,結(jié)合實(shí)例形式分析了javascript閉包的原理及模仿塊級作用域相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
這個(gè)例子,首先是把SPAN里的內(nèi)容用display:none;干掉,就是不顯示; 然后在A:HOVER時(shí),再把SPAN里的內(nèi)容display:block; 就是顯示出來;同時(shí)定義一下SPAN的位置; 其它代碼很簡單,但有人說看不太懂;我就簡單說一下;2008-06-06
HTML使用js給input標(biāo)簽增加disabled屬性的方法
最近項(xiàng)目上提出一個(gè)經(jīng)常遇到的需求,點(diǎn)擊新增時(shí)input可輸入,點(diǎn)擊編輯時(shí)input置灰,下面這篇文章主要給大家介紹了關(guān)于HTML使用js給input標(biāo)簽增加disabled屬性的相關(guān)資料,需要的朋友可以參考下2024-06-06
移動(dòng)端使用localResizeIMG4壓縮圖片
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端使用localResizeIMG4壓縮圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
js實(shí)現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
javascript中函數(shù)的寫法實(shí)例代碼詳解
這篇文章主要介紹了javascript中函數(shù)的寫法 ,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-10-10
JS實(shí)現(xiàn)使用POST方式發(fā)送請求
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
MockJs結(jié)合json-server模擬后臺數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了MockJs結(jié)合json-server模擬后臺數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
echarts報(bào)錯(cuò)Cannot?read?properties?of?null?(reading?‘getA
最近在開發(fā)Echarts忽然遇到了個(gè)問題,這篇文章主要給大家介紹了關(guān)于echarts報(bào)錯(cuò)Cannot?read?properties?of?null?(reading?‘getAttribute‘)的解決方法,需要的朋友可以參考下2023-01-01
基于Css3和JQuery實(shí)現(xiàn)打字機(jī)效果
最近做項(xiàng)目，有需求實(shí)現(xiàn)一個(gè)字符逐個(gè)出現(xiàn)，類似于打字機(jī)效果，于是上網(wǎng)搜了相關(guān)資料，接下來，小編就給大家詳細(xì)介紹基于Css3和JQuery實(shí)現(xiàn)打字機(jī)效果，需要的朋友可以參考下2015-08-08