深入理解Ajax的get和post請(qǐng)求
更新時(shí)間:2016年06月02日 08:55:39 投稿:jingxian
下面小編就為大家?guī)硪黄钊肜斫釧jax的get和post請(qǐng)求。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
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)文章
Bootstrap免費(fèi)字體和圖標(biāo)網(wǎng)站(值得收藏)
在這篇內(nèi)容中,我們把這套框架上的免費(fèi)字體圖標(biāo)做了個(gè)整合(當(dāng)然,以后還會(huì)不斷的更新)。大家對(duì)bootstrap免費(fèi)字體圖標(biāo)有需要的話,可以參考本教程2017-03-03Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯(cuò)過2013-12-12js表單提交和submit提交的區(qū)別實(shí)例分析
這篇文章主要介紹了js表單提交和submit提交的區(qū)別,結(jié)合實(shí)例形式較為詳細(xì)的分析了js表單提交和submit提交具體實(shí)現(xiàn)方法與使用技巧,需要的朋友可以參考下2015-12-12