Ajax
Ajax全稱Asynchronous Javascript And XML（異步JavaScript和XML），是一種用于創建快速動態網頁的技術，它在不多載全部網頁頁面的情況下，實作了對部分網頁的更新，
ajax請求和瀏覽器地址請求區別
- 瀏覽器發起的請求，請求結果展示在瀏覽器上
ajax發起的請求，結果保存在js變數里
適用場景
- 注冊用戶時，對用戶名的唯一性進行驗證
- 發送手機驗證碼
- 只要是不重繪網頁，收發資料的情況，
ajax都是不錯的選擇
語法：$.ajax([settings])
常備引數
url：發送請求的地址type：請求方式，值為GET,POST，默認為GETdata：發送到服務器的資料async：請求型別，值為true,false，分別代表異步和同步，默認為truedataType：預期服務器回傳的資料型別，可用值xml,html,json,text等success：Function()，請求成功后的回呼函式error，Function()，請求失敗后的回呼函式timeout：設定請求超時時間（毫秒）
注：當dataType為json，即回傳值型別為json的情況下，ajax獲取到的值是object型別
ajax中需要注意的問題：
跨域問題
說到跨域，必須得理解同源的概念，同源：兩個頁面地址中的協議、域名和埠號都相同，而跨域則是源A中的代碼去請求源B中的資料，由于安全方面的原因，客戶端js使用XMLHttpRequest只能同源訪問，跨域訪問會出錯，（暫不提如何解決跨域問題）
ajax除錯
進入Chrome控制臺
點擊network
headers：在request headers中可以看到發送的資料response：服務器回傳的內容
選中XHR：XML HTTP Request，表示由ajax發起的請求
關于JSON
JSON全稱JavaScript Object Notation，JS物件簡譜，是一種輕量級的資料交換格式，
語法：
- 物件表示為鍵值對
- 資料由逗號分隔
- 花括號保存物件
- 方括號保存資料
JSON和JS物件的關系
JSON是JS物件的字串表示法，它使用文本表示一個JS物件的資訊，本質是一個字串，
var obj = {a: 'Hello', b: 'World'}; //js物件
var json = "{'a': 'Hello', 'b': 'World'}"; //JSON字串
JSON和JS物件互轉
要實作從物件轉換為JSON字串，使用JSON.stringify()方法：
var json = JSON.stringify({a: 'Hello', b: 'World'}); //結果是"{'a': 'Hello', 'b': 'World'}"
要實作從JSON轉為物件，使用JSON.Parse()方法：
var obj = JSON.parse("{'a': 'Hello', 'b': 'World'}"); //結果是{a: 'Hello', b: 'World'}
JSON和PHP物件互轉
$str = json_encode($obj); //物件轉JSON字串
$obj = json_decode($json); //JSON字串轉物件
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/138143.html
標籤：JavaScript
上一篇：js擴展