var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //建立XMLHTTP對象，考慮相容性
xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“準備”向伺服器的GetDate1.ashx發出Post請求(GET可能會有緩存問題)。這裡還沒有送出請求
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4) //readyState == 4 表示伺服器傳回完成資料了。之前可能會經曆2(請求已發送，正在進行中)、3(響應中已有部分資料可用了，但是伺服器還沒有完成響應的生成)
{
if (xmlhttp.status == 200) //如果狀态碼為200則是成功
{
alert(xmlhttp.responseText);
}
else
{
alert("AJAX伺服器傳回錯誤！");
}
}
}
//不要以為if (xmlhttp.readyState == 4) {在send之前執行！！！！
xmlhttp.send(); //這時才開始發送請求
//送出請求後不等伺服器傳回資料，就繼續向下執行，是以不會阻塞，界面就不卡了，這就是AJAX中“A”的含義“異步”。試着在ashx加一句Thread.Sleep(3000);
簡單的ajax封裝：
function ajax(url,onsuccess,onfail)
{
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xmlhttp.open("POST", url, true);
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
onsuccess(xmlhttp.responseText);
}
else
{
onfail(xmlhttp.status);
}
}
}
xmlhttp.send(); //這時才開始發送請求
}
對ajax請求的簡單封裝，操作更友善
我這裡的接口資料調用的js叫interface.js,接口路徑管理的js叫webSiteControl.js /** * Created by l2776 on 2017/7/11. * 接口資料調用 ...
ajax正确的簡單封裝“姿勢”
window.meng = window.meng || {}; (function ($) { function getAjaxDate(url, apikey) { var datas; $.aj ...
Jquery Ajax簡單封裝(集中錯誤、請求loading處理)
Jquery Ajax簡單封裝(集中錯誤.請求loading處理) 對Jquery Ajax做了簡單封裝,錯誤處理,請求loading等,運用到項目中集中處理會很友善. 技術層面沒有什麼好說的,請求是 ...
簡單封裝的ajax請求
簡單封裝了一個ajax請求,做一下統一處理,少寫重複代碼,隻是一個初步的代碼,沒有經過優化. $.extend({ myAjax: function (option, rollBack) { var ...
使用原生ajax及其簡單封裝
原生ajax配置詳解 // 原生ajax // 1. 建立ajax對象 if(window.XMLHttpRequest){ // // IE7+, Firefox, Chrome, Opera, S ...
python網頁請求urllib2子產品簡單封裝代碼
這篇文章主要分享一個python網頁請求子產品urllib2子產品的簡單封裝代碼. 原文轉自:http://www.jbxue.com/article/16585.html 對python網頁請求子產品ur ...
ajax的三次封裝簡單概況
原生ajax: readyState 準備狀态 status 頁面狀态 ...
【Ajax 3】JavaScript封裝Ajax
導讀:上一篇部落格簡單介紹了一下對Ajax中的核心對象XMLHttpRequest的封裝.那麼為了友善對Ajax的應用,我們還需要進一步的對Ajax的基本功能進行下一步的封裝,不得不說的是早就有人專門寫 ...
jquey ajax 将變量值封裝json傳入JAVA action擷取解析
最近在做一個小小的功能子產品,前台有很多的資料需要傳入到背景,前台頁面設計如下: 看起來不是很清楚,總之表單中的資料都要送出到背景進行處理,然後插入到資料庫,而且是一起送出到背景的,實作的方法大緻有兩種 ...
随機推薦
安裝dubbo管理中心
從http://pan.baidu.com/s/1dDlI7aL下載下傳dubbo-admin-2.5.4.war包 将下載下傳的包放在tomcat的webapps目錄,啟動tomcat自動解壓該war包,然 ...
windows2003安裝證書服務:csp配置不正确、您沒有此密鑰容器的寫通路權限
1.填寫CA名稱後在生成密鑰時提示:csp配置不正确或安裝不完整. 原因:可能的原因為CS服務(Crysptographic Service)沒有啟動 . ps:該服務依賴RPC服務,但RP ...
asp.net MVC控制器中傳回JSON格式的資料時提示下載下傳
Asp.net mvc在接收的是JSON格式的資料,但是奇怪的是在IE中提示下載下傳檔案,其他浏覽器中一切正常,下載下傳後,裡面的内容就是在控制器中傳回的資料.代碼如下: 視圖中js代碼: $("# ...
DisJSet:Find them, Catch them(POJ 1703)
抓住他們! 題目大意:兩個黑社會幫派,互相打架,現在你很多條資訊,要你确定兩個人是否屬于不同幫派 這題很有趣,題目不是直接給你兩個人是否是一個幫派的,他給你的是不同幫派的,也就是給你很多個不同的要你找 ...
javascript第三彈——數組
什麼是數組 數組是值的有序集合.每個值叫做元素,每個元素在數組中都有數字位置編号,也就是索引.JS中的數組是弱類型的,數組中可以含有不同類型的元素.數組元素甚至可以是對象或其它數組.數組的長度是動态的 ...
Dwarves (有向圖判環)
Dwarves 時間限制: 1 Sec 記憶體限制: 64 MB送出: 14 解決: 4[送出][狀态][讨論版] 題目描述 Once upon a time, there arose a huge ...
tomcat 元件研究二--請求過程
上一篇部落格大概總結了tomcat 的元件以及其組織方式,對于tomcat 的啟動過程也進行進行了簡單的總結,下面這篇部落格,繼續研究tomcat 處理請求的相關元件,其實就是主要研究Connectors ...
The Nerd Factor SPOJ - MYQ5
The Nerd Factor Time Limit: 1000MS Memory Limit: Unknown 64bit IO Format: %lld & %llu [Submi ...
Hadoopif.for.while 語句
if 語句 echo 目前參數個數:$# if [ $# -lt 3 ];then echo 參數小于3;elif [ $# -gt 5 ];then echo 參數大于5;fi; To have b ...
RTB業務知識之1-原生廣告
一.背景 Native Advertising (Native Ads), 又稱為原生廣告, 是2013全球媒體界爆紅的關鍵詞,從2012年年底,就有人開始提了這個名詞,接着到處都可以看到這個名詞,再 ...