jQuery_Ajax

jQuery_Ajax

 

原生Ajax的步驟：

Xhr->xhr.open(get,url)->xhr.send->xhr.onrealystatechange

 

jQuery_Ajax:

語法：

$.get(url).then(function(res){獲取內容執行的函數})

$.post(url).then(function(res){獲取內容執行的函數})

 

不分方法：

$.ajax({

url:"服務器地址",

method:"請求方法",

data:{//傳給服務器的參數

location:$("#city").val(),

key:'c8b18212397748599a7fb0bfa1022b56'

},success:function(res){//成功執行的函數

console.log("成功的執行：")

console.log(res)

},

fail:function(res){//失敗執行的函數

console.log("失敗的執行：")

console.log(res)

},

complete:function(res){//無論成功失敗都會執行的函數

console.log("complete的執行：")

console.log(res)

}

})

})