ajax 通過jQuery實現

2022-01-29 09:17:05 字數 1646 閱讀 7894

使用jquery實現ajax相對來說方便一點,看w3cschool有幾種實現的方法,我就總結一下自己以後會用到的幾種方法

$.ajax方法:

$.ajax方法裡面有很多個引數可以使用,但我這裡就寫自己常用的幾個引數:

1.url:

要求為string型別的引數,(預設為當前頁位址)傳送請求的位址。

2.timeout:

要求為number型別的引數,設定請求超時時間(毫秒)。此設定將覆蓋$.ajaxsetup()方法的全域性設定。

3.data:

傳送伺服器附加的請求資料,get請求中將這些請求附加到url後面,物件必須為key/value格式,例如轉換為&foo1=bar1&foo2=bar2。如果是陣列,jquery將自動為不同值對應同乙個名稱。例如轉換為&foo=bar1&foo=bar2。

4.datatype:

指定返回資料型別,可用xml,html,script,json,jsonp,text;

5.success:

要求為function型別的引數,請求成功後呼叫的**函式,有兩個引數。

(1)由伺服器返回,並根據datatype引數進行處理後的資料。

(2)描述狀態的字串。

function(data, textstatus)

6.error

要求為function型別的引數,請求失敗時被呼叫的函式。該函式有3個引數,即xmlhttprequest物件、錯誤資訊、捕獲的錯誤物件(可選)。ajax事件函式如下:

這裡寫乙個例項

$(document).ready(function

(), type:'post',

datatype:'json',

success:

function

(data));

}});

});

其實jquery還封裝了很多ajax的方法,我還用過$.get,$.post,比$.ajax更簡單,但可選引數變少了,w3cschool已經寫得很好了。貼個引數。。

jquery.post(url,data,success(data, textstatus, jqxhr),datatype)
引數

描述url

必需。規定把請求傳送到哪個 url。

data

可選。對映或字串值。規定連同請求傳送到伺服器的資料。

success(data, textstatus, jqxhr)

可選。請求成功時執行的**函式。

datatype

可選。規定預期的伺服器響應的資料型別。

預設執行智慧型判斷(xml、json、script 或 html)。

我就自己貼兩個例子

1 $(document).ready(function

(),function

(data));

6});

7});

89 $(document).ready(function

(),function

(data));

14});

15 });

Ajax 使用jQuery 實現Ajax

get post 方式 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title document title 6head 7 script type text j ascript src jquery.js script 8...

通過jquery的ajax向struts2傳遞引數

通過jquery的 getjson 方法向struts2後台action傳遞引數,目前,我所知道的且經過實踐證明正確可行的方法,有兩種 第一種 如下 var dataid hello,my friends getjson action function data 注意,紅色背景部分的表示式就是要傳遞...

Jquery通過Ajax方式來提交Form表單

今天剛好看到jquery的ajax提交資料到伺服器的方法,原文是 儲存資料到伺服器,成功時顯示資訊。jquery ajax 後來我就想了一下,我要提交form表單有沒有辦法呢?但是我不可能每個fom的input都寫一次var demo divname val 的.後來,今天我看到乙個方法,就是.ma...