javascript Ajax 基本使用和封裝

2021-09-11 20:32:00 字數 1619 閱讀 2379

// 1. 例項化ajax物件

// 2. 監聽狀態改變事件

xhr.onreadystatechange = function ()

};// 3. 初始化請求的引數 open("請求方式", "請求位址" , 是否非同步true:非同步,false:同步)

xhr.open("post", "./index.php?id=1&name=user1", true); // 請求引數

// 4. 傳送ajax請求

xhr.send();

// 1. 例項化ajax物件

// 2. 監聽狀態改變事件

xhr.onreadystatechange = function ()

};// 3. 初始化請求的引數 open("請求方式", "請求位址" , 是否非同步true:非同步,false:同步)

xhr.open("post", "./index.php", true);

// 4. 設定請求頭,(如果不設定, 在php服務端不能接受到引數)

// 5. 傳送ajex post請求

xhr.send("id=10&name=admin"); // post 請求的引數

/**

* 傳送ajax請求

* option 傳送ajax時的引數

* option.method:請求的型別;get 或 post

* option.url:檔案在伺服器上的位置

* option.async:true(非同步)或 false(同步)

*/function sendajaxrequest(option) else

// 4.監聽狀態的變化

// 狀態: 0: 請求未初始化 1:伺服器連線已建立 2:請求已接收 3:請求處理中 4:請求已完成,且響應已就緒

xhr.onreadystatechange = function () else }}

// 判斷外界是否傳入了超時時間, 如果沒有預設5秒

var timeout = option.timeout ? option.timeout : 5000;

timer = setinterval(function () , timeout);

}/**

* 將物件中的屬性和值轉換成指定格式的字串

*/function objecttostring(data) ;

// 隨機數, 相容低版本的瀏覽器

data.t = math.random();

var res = ;

for(var key in data)

return res.join("&"); // username=test&userpwd=123456

}// 基本使用

sendajaxrequest(,

timeout : 3000,

success : function (data) ,

error : function ()

});

JavaScript ajax請求的初步封裝

在封裝js開發包的時候,需要傳送ajax請求,又不能強制使用者使用jquery,因此按照jquery的風格,封裝了乙個ajax,將此成果小小的記錄一下 tools.ajax function params 預設設定 var setting datatype json for var key in p...

Optimized Purchasing基礎知識

pr的三要素 物料 數量 採購日期 日期是會影響價錢的 blanket po fo框架訂單。a 成本中心,i 限制 專案的限制標籤 miro支票不管數量,從帳戶分配輸入金額。產生pr三種 me51n,me25,mrp 產生po四種 me21n,me25,me57,me59n evo 物料管理 採購 ...

Phabricator Arcanist基本用法

git clone git git clone git 獲取到arcanist的原始碼後,進行相關配置 開啟.bash profile open e bash profile在環境變數中新增 export path path somewhere arcanist bin 命令列中輸入arc命令檢視是...