原生Ajax與jQuery的Ajax和偽Ajax

2022-07-10 06:57:14 字數 681 閱讀 3616

用原生的ajax傳送請求

var xhr = new xmlhttprequest();

xhr.open('請求方式(post/get)', '請求url',true);

xhr.onreadystatechange = function()

};xhr.send("傳送的資料");

用jquery的ajax傳送請求
$.ajax(

})

用偽ajax
如果偽ajax先與form表單繫結發起偽ajax請求
傳送請求獲取返回的資料

function iframesubmit())

}因為iframe裡面的資料是服務端返回了才有,也就是說服務端返回就會觸發onload事件,所以說我們可以在提交的時候給iframe繫結load事件,等伺服器返回就會觸發這個事件

傳送檔案
原生ajax

var file_obj = document.getelementbyid('fafafa').files[0];

var fd = new formdata();

xhr.send(fd);

jquery中的ajax

function jqsubmit()

})

原生Ajax與jQuery中的ajax操作

一.基本實現 1.建立xmlhttprequest物件 現代瀏覽器基本都內建了xmlhttprequest物件,若要相容低版本瀏覽器 ie5,ie6等 則需要對其做相容處理 2.建立狀態監聽處理function readystatechangehandle ajax響應狀態碼 具體參考ajax請求時...

ajax 原生實現 與 jquery實現)

1 原生j ascript實現ajax請求 參見w3c 值得注意的是寫請求路徑是 一定不需要加 2 jquery實現ajax互動 ajax functionfun2 success function data get 請求路徑 請求引數 函式 返回資料的格式 post 請求路徑 請求引數 函式 返回...

原生ajax和jQuery中的ajax使用

ajax是一種能夠向伺服器請求額外的資料而不需重新整理頁面,會帶來更好的使用者體驗。ajax技術的核心是xmlhttprequest物件。ie7及現在瀏覽器中,使用原生xhr建立 ajax請求有兩種,同步請求和非同步請求,在open 中第三個引數設定是否非同步 true代表該次請求非同步,false...