網路 仿JQ之AJAX請求

2022-09-09 09:09:11 字數 1408 閱讀 8495

url:介面位址

type:請求方式get/post

datatype: xml/text/json/jsonp

data:傳送到伺服器的資料(非跨域請求)

jsonp:使用jsonp形式呼叫函式,如index.php?cb=*** 後端獲取get請求的***值

jsonpcallback:為jsonp指定乙個**函式名,這個值將用來取代jquery自動生成的隨機函式名

async:預設值true,所有請求均為非同步請求。如需傳送同步請求,設定該選項為false

success:請求成功後執行的**函式

error:請求失敗的執行的**函式

complete:請求完成後執行的**函式(無論請求成功還是失敗)

timeout:設定請求超時時間,預設30s

var $ = (function(), //無論請求成功或失敗都執行complete**函式

//jsonp跨域請求

if(datatype.touppercase() === 'jsonp')

document.body.removechild(oscript); //執行完後立刻刪除script

return;

}//實時監聽readystate狀態

xhr.onreadystatechange = function()

}complete();

cleartimeout(t); //請求成功清除超時定時器

t = null; //初始化定時器

xhr = null; //初始化xhr物件 }}

xhr.open(type,url,async); //傳送http請求

xhr.send(type === 'get' ? null : formatdata(data));

//請求超時定時器

t = settimeout(function(),timeout)

}function formatdata(data)

list.replace(/&$/, ''); //去除字串最後的一位&

return list;

}function randomnum()

return num;

}return ,

get: function(url,callback));

},post: function(url,data,callback));}}

})();

ajax之同步請求

ajax之同步請求 1.什麼是同步請求?ajax物件在向伺服器傳送請求時,瀏覽器會鎖定當前頁面,使用者不能夠對當前頁面做任何的操作。2.如何傳送同步請求 xhr.open 請求方式,請求位址,false 即可實現同步請求 3.優先使用非同步,因為同步會影響效能,當伺服器端處理比較慢的時候,瀏覽器會鎖...

Ajax之傳送請求

1 建立xml物件 用於於後端資料互動 2 傳送請求 這邊包含兩個方法,首先先用open方法 設定你要傳送請求的方法,請求資料的url,第三就是是否非同步 open method,url,async 引數一 方式 get或者post 引數二 請求檔案在伺服器上url 引數三 是否非同步 然後用sen...

Vue之發起ajax請求

今天來看看前端框架vue怎麼發起ajax請求。我們都知道在jquery框架發起ajax請求很簡單,只需要 ajax即可發起http請求。其實vue也很簡單,不過需要用到外掛程式axios。官方有提供安裝,可以通過npm安裝 npm install axios s axios是乙個基於promise的...