PHP 與 js的通信（via ajax,json）
更新時間：2010年11月16日 23:03:44 作者：
一定要設置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成null（line 38）
JavaScript端：
注意：一定要設置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成null（line 38）
亮點在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 ?>標簽的外部不能有其他標簽，否則eval函數(shù)無法解析）
亮點在line 6
<?php
$res['id'] = $_POST['id'];
$res['name'] = "elar";
$res['age'] = "21";
$response = "hello this is response".$_POST['id'];
echo json_encode($res);
?>
總結：
js要往PHP端送數(shù)據(jù)，用的是xmlHttp.send("id=123");
PHP給js送數(shù)據(jù)，用的是echo json_encode($res);（要注意變量$res的構造應符合JSON的規(guī)范）
js要解析PHP送來的JSON格式的數(shù)據(jù)，用var obj = eval('('+ xmlHttp.responseText +')');
注意：一定要設置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會變成null（line 38）
亮點在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 ?>標簽的外部不能有其他標簽，否則eval函數(shù)無法解析）
亮點在line 6
復制代碼 代碼如下:
<?php
$res['id'] = $_POST['id'];
$res['name'] = "elar";
$res['age'] = "21";
$response = "hello this is response".$_POST['id'];
echo json_encode($res);
?>
總結：
js要往PHP端送數(shù)據(jù)，用的是xmlHttp.send("id=123");
PHP給js送數(shù)據(jù)，用的是echo json_encode($res);（要注意變量$res的構造應符合JSON的規(guī)范）
js要解析PHP送來的JSON格式的數(shù)據(jù)，用var obj = eval('('+ xmlHttp.responseText +')');
您可能感興趣的文章:
- php實現(xiàn)的一個簡單json rpc框架實例
- php xml-rpc遠程調用
- AMFPHP php遠程調用(RPC, Remote Procedure Call)工具 快速入門教程
- php中關于codeigniter的xmlrpc的類在進行數(shù)據(jù)交換時的類型問題
- PHP實現(xiàn)與java 通信的插件使用教程
- php與java通過socket通信的實現(xiàn)代碼
- PHP與Java進行通信的實現(xiàn)方法
- PHP的Socket通信之UDP通信實例
- PHP下操作Linux消息隊列完成進程間通信的方法
- PHP與Go語言之間的通信詳解
- php中socket通信機制實例詳解
- PHP實現(xiàn)創(chuàng)建一個RPC服務操作示例
相關文章
微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能分析
這篇文章主要介紹了微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺數(shù)據(jù)交互過程中遇到的問題與相關的解決方法,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了Javascript監(jiān)視變量變化的方法,涉及javascript針對變量的相關操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了微信小程序如何連接Java后臺,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JavaScript對象原型鏈原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要給大家介紹了關于如何使用js查找數(shù)組中符合條件的元素,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-04-04
JavaScript語言是一門面向對象的語言，但JS中并沒有類的概念的。于是JavaScript采用構造函數(shù)的方式來模擬類的效果，即我們通過函數(shù)來創(chuàng)建對象。這也證明了函數(shù)在JavaScript中具有非常重要的地位。本文主要介紹了Javascript中構造函數(shù)的一些坑,需要的朋友可以參考。2017-01-01
JavaScript中 創(chuàng)建動態(tài) QML 對象的方法
這篇文章主要介紹了 JavaScript中 創(chuàng)建動態(tài) QML 對象，下面文章主要分析了兩中方法，分別是從 QML 字符串創(chuàng)建對象和動態(tài)創(chuàng)建組件以及刪除對象等方法，具有有一定的參考價值，需要的小伙伴可以參考一下2021-12-12
這篇文章主要給大家介紹了關于如何利用unicloud生成微信小程序分享碼的相關資料,這是最近工作中遇到的一個需求,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
JavaScript宏任務(macrotask)和微任務(microtask) 執(zhí)行順序實例詳解
JavaScript是單線程指的是同一時間只能干一件事情,只有前面的事情執(zhí)行完,才能執(zhí)行后面的事情,這篇文章主要介紹了JavaScript宏任務(macrotask)和 微任務(microtask) 執(zhí)行順序,需要的朋友可以參考下2023-10-10
用過 Google 地圖的人可能都很熟悉，通過滾動滾輪可以對地圖進行縮放，非常地方便。適當?shù)厥褂脻L輪事件可以帶來不錯的用戶體驗。2010-03-03