1. 程式人生 > >Ajax中的JSON格式與php傳輸過程的淺析

Ajax中的JSON格式與php傳輸過程的淺析

resp 我們 cti val ati 裏的 class xhr sta

  在Ajax中的JSON格式與php傳輸過程中有哪些要註意的小地方呢?

  先來看一下簡單通用的JSON與php傳輸數據的代碼

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方法請求數據,所以這時候還要加上一個請求文件頭

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");這是固定寫法直接記下來就可以了。

上面的是測試代碼,創建一個json格式的字符串並用SEND方法傳入PHP:
var user = ‘{"name":"zhangwuji","pwd":"123456"}‘;
		xhr.send("user="+user);

這時候要註意了,在構建JSON字符串傳輸的時候user裏面的字符串外面要用單引,裏面用雙引,不然php那邊是不認為你這是JSON 不能正確的進行解析。


這時候看看PHP文件裏的代碼:
<?php
    // 接收客戶端發送的請求數據
    $user = $_POST[‘user‘];
    // 就是一個JSON格式的string字符串

    $json_user = json_decode($user,true);//對json格式的字符串進行解碼,轉換成PHP變量格式

    // 2. 使用json_encode()函數
    echo json_encode($json_user);//對php變量格式進行編碼,轉換成JSON格式
?>

json_decode 和json_encode大家從字面的意思都應該可以看出來一點,decode在這這裏的作用就是

對json格式的字符串進行解碼,轉換成PHP變量格式

而encode就是
對php變量格式進行編碼,轉換成JSON格式在傳輸回去;

這時候PHP 文件的工作已經結束了,讓我們在回到HTML文件看接受數據的onreadystatechange這一塊的代碼
var data = xhr.responseText;   雖然PHP文件傳輸回來的是一個JSON格式,但是我們這裏接受用的是respenseText所以接收到的只是一個文本格式的字符串
這時候我們還要用eval();函數將其轉換成JSON格式
* 使用eval()函數進行轉換
				 使用"()"將其包裹,eval()函數強制將其轉換為JSON格式(javascript代碼)
				  不使用"()"將其包裹,eval()函數將其識別為一個空的代碼塊

Ajax中的JSON格式與php傳輸過程的淺析