深入理解Ajax的get和post請(qǐng)求
1.get請(qǐng)求
function ()
{
//向服務(wù)器請(qǐng)求 時(shí)間
//1.創(chuàng)建異步對(duì)象(小瀏覽器)
var xhr = new XMLHttpRequest();
//2.設(shè)置參數(shù),true表示使用異步模式
xhr.open("get", "GetTime.ashx?name= Mr靖", true);
//3.讓get請(qǐng)求不從瀏覽器獲取緩存數(shù)據(jù)
xhr.setRequestHeader("If-Modified-Since","0");
//3.設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = function ()
{
//3.1當(dāng)完全接收完響應(yīng)報(bào)文后 并且 響應(yīng)狀態(tài)碼為200的時(shí)候
if (xhr.readyState == 4 && xhr.status == 200)
{
//3.2獲取相應(yīng)報(bào)文體內(nèi)容
var res = xhr.responseText;
alert(res);
}
};
//4.發(fā)送異步請(qǐng)求
xhr.send(null);
}
2.post請(qǐng)求
function ()
{
//向服務(wù)器請(qǐng)求 時(shí)間
//1.創(chuàng)建異步對(duì)象(小瀏覽器)
var xhr = new XMLHttpRequest();
//2.設(shè)置參數(shù)
xhr.open("post", "GetTime.ashx", true);
//3.設(shè)置 請(qǐng)求 報(bào)文體 的 編碼格式(設(shè)置為 表單默認(rèn)編碼格式)
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//4.設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = function ()
{
//3.1當(dāng)完全接收完響應(yīng)報(bào)文后 并且 響應(yīng)狀態(tài)碼為200的時(shí)候
if (xhr.readyState == 4 && xhr.status == 200)
{
//3.2獲取相應(yīng)報(bào)文體內(nèi)容
var res = xhr.responseText;
alert(res);
}
};
//5.發(fā)送異步請(qǐng)求"name=Mr靖"
//5.1格式:直接拼接字符串 key=value&key1=value2
xhr.send("name=Mr靖&age=18");
};
以上這篇深入理解Ajax的get和post請(qǐng)求就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js 單引號(hào)替換成雙引號(hào),雙引號(hào)替換成單引號(hào)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js 單引號(hào)替換成雙引號(hào),雙引號(hào)替換成單引號(hào)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能分析
這篇文章主要介紹了微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺(tái)數(shù)據(jù)交互過(guò)程中遇到的問(wèn)題與相關(guān)的解決方法,需要的朋友可以參考下2017-11-11
解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問(wèn)題
今天小編就為大家分享一篇解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript事件監(jiān)聽(tīng)器詳細(xì)介紹
這篇文章主要介紹了JavaScript事件監(jiān)聽(tīng)器詳細(xì)介紹,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-09-09
.net MVC+Bootstrap下使用localResizeIMG上傳圖片
這篇文章主要為大家詳細(xì)介紹了.net MVC和Bootstrap下使用 localResizeIMG上傳圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04
js+HTML5實(shí)現(xiàn)canvas多種顏色漸變效果的方法
這篇文章主要介紹了js+HTML5實(shí)現(xiàn)canvas多種顏色漸變效果的方法,涉及html5屬性的相關(guān)技巧,需要的朋友可以參考下2015-06-06
谷歌瀏覽器不支持showModalDialog模態(tài)對(duì)話框的解決方法
谷歌瀏覽器不支持showModalDialog模態(tài)對(duì)話框和無(wú)法返回returnValue,這個(gè)問(wèn)題,想必很多朋友都有遇到過(guò)吧,解決方法很簡(jiǎn)單,下面的思路,大家可以看看2014-09-09
原生JS實(shí)現(xiàn)垂直手風(fēng)琴效果
本篇文章主要介紹了原生JS實(shí)現(xiàn)垂直手風(fēng)琴效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02
通過(guò)JavaScript實(shí)現(xiàn)撲克牌游戲的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過(guò)面向?qū)ο髮?shí)現(xiàn)一個(gè)簡(jiǎn)單的撲克牌游戲,文中的示例代碼代碼講解詳細(xì),感興趣的可以學(xué)習(xí)一下2022-07-07
js重寫(xiě)alert控件(適合學(xué)習(xí)js的新手朋友)
這篇文章主要介紹js重寫(xiě)alert控件的過(guò)程比較適合學(xué)習(xí)js的新手朋友,需要的朋友可以參考下2014-08-08

