Ajax 讀取JSON基本操作)

2021-10-01 01:55:31 字數 1263 閱讀 5421

因為xml的格式 和操作和josn來對比 還是麻煩了一些 而且josn的體積小 傳輸快 所以josn才是最受寵的那乙個

json只是一種資料格式;

1)json

這是乙個js的物件

var obj = ; //這是乙個物件
也可以寫成

var obj = ; //這是乙個物件
json的物件

var obj = ;
json字串

var obj = '';
所以json和js的物件基本是一樣的 操作也很便利

孟凡林)

var array=[,,

,] /*這個叫json格式的陣列,是json的稍複雜一點的形式 */

var arraystr='['+

','+

','+

','+

']' ;/* 這個叫稍複雜一點的json格式的字串 */

二哈栗子修改

1)json資料層

就一text檔案 裡面用 物件方式儲存 這樣我們前端讀出來的就是一組物件

,

"but2":,

"but3":

}

2)php後端

因為不用xml所以就甭用header那句話

讀取也用echo file_get_contents

<?php 

//引數為路徑

echo file_get_contents("xml/ajax.text");

?>

3)前端

前端** 用的是responsetext字串讀取

使用json.parse()

因為ie8版本相容問題 js 自帶json.parse() 不相容  要相容

使用json2 外掛程式

引用後 不許要做別的修改 

button1

button2

button3

使用json傳輸 用物件讀取更方便  因為檔案比較小 所以傳輸更快

所以大家都喜歡更小的 更快的

AJAX讀取Json檔案

ajax是對接後端的工具,向伺服器傳送請求並且接收響應。使用ajax讀取檔案需要以下基礎的幾步 1.獲取需要新增事件的節點 或者叫元素 給予onclik或者其他事件。2.建立乙個xmlhttprequest物件。3.呼叫所建立物件的open方法,選定open方法的method和url。4.呼叫物件的...

ajax基本操作

ajax的基本格式 var info 建立物件 處理返回值 xhr.onreadystatechange function else 發起請求 info uid uid pwd pwd get傳值 get php login php.php?info post傳值 xhr.open post php...

JSON的基本操作

一 json介紹 json 是一種輕量級的文字資料交換格式,獨立於語言 具有自我描述性,更易理解。二 建立json 物件和json字串 1.json物件 let str1 2.json字串 let str2 三 json操作 1.json物件轉json字串 let str1 console.log ...