js---- ajax基礎

AJAX

概念: 非同步javascript和XML(json).

作用：進行資料交換，使網頁實現非同步更新，可以只對網頁的某部分進行更新，這也是它的主要用途，像新浪微博、各類電子地圖，手機端的大部分頁面等等都用了AJAX.

如何使用AJAX來請求資料

1、建立XMLHttpRequest物件（要考慮到標註瀏覽器的做法，和老版瀏覽器的差異）

2、向伺服器傳送請求

2.1配置請求

2.2傳送請求

2.3監聽readystatechange事件

詳細請求步驟

1、建立出XMLHttpRequest物件

需要考慮 瀏覽器的相容性

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');

2.1、配置請求（初始化請求資訊）

xhr.open('GET', 'data.json', true);//get引數寫在url裡?

xhr.open('POST', 'data.json', true);

2.2、傳送請求

xhr.send(null);//get傳送方式

xhr.send('usr=123&pass=123');//post傳送方式 引數寫在send裡

2.3、監聽請求結果（返回值）

xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && xhr.status == 200) {

var result = JSON.parse(xhr.responseText);

      }

}

JSON:json是一種基於文字的資料交換格式

JSON是一種簡單資料格式，它有三種資料結構：

鍵值對（屬性） —— Name/Value (Key/Value) 

物件 —— Object

陣列 —— Arrays

{

"book"：[{

"name"："西遊記",

"writer"："吳承恩",

"price"："30"}

,      {

"name"："《紅樓夢》",

"writer"："曹雪芹",

"price"："50"}

  ]

}

上面程式碼的格式就是使用的基本形式，book就是物件，{}裡的是鍵值對（也可以稱為屬性）他們用“，”隔開使用，[  ] 就是陣列，在JSON中[]來包含陣列元素。