JSON,全稱為JavaScript Object Notation,是一種輕量級的數據交換格式。在現代的Web開發中,JSON被廣泛用于前后臺數據傳輸。在使用JSON在后臺和前臺之間進行數據交互時,我們需要掌握如下幾個技術:
- 在后臺,將數據以JSON格式進行編碼
- 將編碼后的JSON數據從后臺傳送到前臺
- 在前臺,將編碼后的JSON數據進行解碼,獲得所需的數據
以下是一段使用PHP和JavaScript實現JSON數據從后臺傳送到前臺的代碼:
// PHP后臺代碼 $data = array( 'name' => '小明', 'age' => 20, 'gender' => 'male' ); $json_data = json_encode($data); echo $json_data;
// JavaScript前臺代碼 var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var json_data = JSON.parse(this.responseText); var name = json_data.name; var age = json_data.age; var gender = json_data.gender; console.log(name, age, gender); } }; xmlhttp.open("GET", "getdata.php", true); xmlhttp.send();
在上述代碼中,PHP后臺代碼將一個數組轉換為JSON格式字符串,并直接輸出到瀏覽器。JavaScript前臺代碼則使用XMLHttpRequest對象向后臺請求數據,并對返回的JSON格式字符串進行解析,最終獲得所需的數據,并在控制臺打印出來。
上一篇vue自定義數據接口
下一篇css背景音樂自動播放