Ajax中的JSON格式與php傳輸過程全面解析
在Ajax中的JSON格式與php傳輸過程中有哪些要注意的小地方呢?
先來看一下簡單通用的JSON與php傳輸數(shù)據(jù)的代碼
HTML文件:
<input type="button" value="Ajax" id="btn"> <script> var btn = document.getElementById("btn"); btn.onclick = function(){ var xhr = getXhr(); xhr.open("post","測試.php"); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); var user = '{"name":"zhangwuji","pwd":"123456"}'; xhr.send("user="+user); xhr.onreadystatechange = function(){ if(xhr.readyState==4&&xhr.status==200){ var data = xhr.responseText; var json = eval("("+data+")"); console.log(json); } } } function getXhr(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject("Microsoft.XMLHttp"); } return xhr; } </script>
在整個過程中先要獲得AJAX對象,然后用POST請求方式與PHP文件連接,這時候用的是POST方法請求數(shù)據(jù),所以這時候還要加上一個請求文件頭
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
這是固定寫法直接記下來就可以了。<br><br>上面的是測試代碼,創(chuàng)建一個json格式的字符串并用SEND方法傳入PHP:
var user = '{"name":"zhangwuji","pwd":"123456"}';
xhr.send("user="+user);<br><br>
這時候要注意了,在構(gòu)建JSON字符串傳輸?shù)臅r候user里面的字符串外面要用單引,里面用雙引,不然php那邊是不認為你這是JSON 不能正確的進行解析。<br><br><br>這時候看看PHP文件里的代碼:
<?php // 接收客戶端發(fā)送的請求數(shù)據(jù) $user = $_POST['user']; // 就是一個JSON格式的string字符串 $json_user = json_decode($user,true);//對json格式的字符串進行解碼,轉(zhuǎn)換成PHP變量格式 // 2. 使用json_encode()函數(shù) echo json_encode($json_user);//對php變量格式進行編碼,轉(zhuǎn)換成JSON格式 ?>
json_decode 和json_encode大家從字面的意思都應(yīng)該可以看出來一點,decode在這這里的作用就是
對json格式的字符串進行解碼,轉(zhuǎn)換成PHP變量格式
而encode就是
對php變量格式進行編碼,轉(zhuǎn)換成JSON格式在傳輸回去;
這時候PHP 文件的工作已經(jīng)結(jié)束了,讓我們在回到HTML文件看接受數(shù)據(jù)的onreadystatechange這一塊的代碼
:
var data = xhr.responseText;
雖然PHP文件傳輸回來的是一個JSON格式,但是我們這里接受用的是respenseText所以接收到的只是一個文本格式的字符串<br>這時候我們還要用eval();函數(shù)將其轉(zhuǎn)換成JSON格式
* 使用eval()函數(shù)進行轉(zhuǎn)換 使用"()"將其包裹,eval()函數(shù)強制將其轉(zhuǎn)換為JSON格式(javascript代碼) 不使用"()"將其包裹,eval()函數(shù)將其識別為一個空的代碼塊
總結(jié)
以上所述是小編給大家介紹的Ajax中的JSON格式與php傳輸過程全面解析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- php+xml結(jié)合Ajax實現(xiàn)點贊功能完整實例
- php中XMLHttpRequest(Ajax)不能設(shè)置自定義的Referer的解決方法
- ajax調(diào)用返回php接口返回json數(shù)據(jù)的方法(必看篇)
- php基于jquery的ajax技術(shù)傳遞json數(shù)據(jù)簡單實例
- ajax處理php返回json數(shù)據(jù)的實例代碼
- PHP 與 js的通信(via ajax,json)
- php+ajax+json 詳解及實例代碼
- jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
- PHP Ajax JavaScript Json獲取天氣信息實現(xiàn)代碼
- PHP封裝返回Ajax字符串和JSON數(shù)組的方法
- php+Ajax處理xml與json格式數(shù)據(jù)的方法示例
相關(guān)文章
Laravel使用模型實現(xiàn)like模糊查詢的例子
今天小編就為大家分享一篇Laravel使用模型實現(xiàn)like模糊查詢的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10tp5.1 框架數(shù)據(jù)庫高級查詢技巧實例總結(jié)
這篇文章主要介紹了tp5.1 框架數(shù)據(jù)庫高級查詢技巧,結(jié)合實例形式總結(jié)分析了tp5.1 框架數(shù)據(jù)庫快捷查詢、區(qū)間查詢、批量查詢、閉包查詢等相關(guān)高級查詢使用技巧,需要的朋友可以參考下2020-05-05php利用云片網(wǎng)實現(xiàn)短信驗證碼功能的示例代碼
這篇文章主要介紹了php利用云片網(wǎng)實現(xiàn)短信驗證碼功能的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11php 反斜杠處理函數(shù)addslashes()和stripslashes()實例詳解
PHP自帶的庫函數(shù) addslashes() 和 stripslashes() 都屬于字符串處理類函數(shù), 本文章向大家介紹php 反斜杠處理函數(shù)addslashes()和stripslashes(),需要的朋友可以參考下2016-12-12