JSON格式的數(shù)據(jù)怎么在Ajax與php中進行傳輸?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供崇義網(wǎng)站建設(shè)、崇義做網(wǎng)站、崇義網(wǎng)站設(shè)計、崇義網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、崇義企業(yè)網(wǎng)站模板建站服務(wù),十余年崇義做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。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ù)將其識別為一個空的代碼塊
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,的支持。
當前題目:JSON格式的數(shù)據(jù)怎么在Ajax與php中進行傳輸-創(chuàng)新互聯(lián)
鏈接URL:http://muchs.cn/article46/deodhg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、手機網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、動態(tài)網(wǎng)站、品牌網(wǎng)站制作、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容