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

