jquery 表單提交

2022-04-30 16:57:13 字數 1955 閱讀 9782

jquery**函式裡面的data是json格式,所以傳值的時候必須傳json格式 response.getwriter().print(dataarr.tojsonstring());

1.1: load方法,用於load伺服器的檔案

如下:

$('input:first').click(function ());

//上述方法是載入了form_01.html中的 #checkbox部分到當前頁面中的#load中

$('input[type=button]').click(function();//設定需要傳入伺服器的引數json格式

$('#load').load('test!checkname',send,function(msg));

});//上述方法向伺服器傳送了資料,有**函式,但是會將伺服器返回的所有資料以json格式全部載入到#load中

1.2: get方法,向伺服器傳送請求(提交方式是get)

如下:

$('input[type=button]').click(function();

$.get('test!checkname',send,function(data));

});//上述方法是以get方法向伺服器傳送了乙個請求,並將返回的資料新增到#load中

1.3: post方法,向伺服器傳送請求(提交方式是post)

如下:

$('input[type=button]:first').click(function();//需要傳入的引數 json格式

$.post('test!checkname',send,function(data)else

});});

//上述方法是以post方法向伺服器傳送了乙個請求,並將返回的資料新增到#load中,與get用法一樣,

//flag是action中的封裝之後屬性,下面的user,userlist都是action中的封裝屬性

1.4: ajax方法,向伺服器傳送請求

如下:

$('input[type=button]:last').click(function ();//資料 json格式資料

var url="test!search";//位址

$.ajax(

});});

//上述方法是以ajax方法向伺服器傳送了乙個請求,並將返回的資料新增到#load中,可以設定提交型別,推薦使用這個方法。

2.1: 直接使用for遍歷

如下:

$('input[type=button]:first').click(function());

} //上述方法中,通過請求之後需要拿到的是乙個list泛型集合userlist,直接使用工具函式each()遍歷新增到#load的文字中。

3.1:ajaxstart()和ajaxstop()

如下:

$(document).ajaxstart(function()).ajaxstop(function());

//上述方法中,定義了整個html文件中提交ajax和ajax完成之後(ps:jquery支援鍊錶式操作)。

3.2:ajaxsend()方法

如下:

$(document).ajaxsend(function(evt, request, settings));

//上述方法中,定義了整個html文件中提交ajax之前的函式。

4.1:定義ajax()方法中的錯誤**函式

如下:

$('input[type=button]').click(function());

//上述方法中,定義了整個html文件中ajaxerror()方法,用於捕捉所有的請求錯誤。

function sub(method){

document.myform.action="action?="+method;

document.myform.submit();

jquery用ajax提交表單

jquery ajax三種方式非同步提交表單 一 使用html5 formdata物件的方式ajax非同步提交資料和檔案 注意 jquery ajax的必須傳引數processdata false,contenttype false,否則會報錯 script ajax form text name ...

jQuery之ajaxForm提交表單

1.jquery的設計非常優雅,其源 亦給人以美感,利用jquery框架寫出來的js既簡練又能完美跨瀏覽器。2.jquery form外掛程式是基於jquery開發的一套能夠利用ajax技術提交form的框架。3.無論是jquery,還是jquery form 都是老外寫的。4.通常的jquery ...

jquery實現無重新整理提交表單

使用ajax 設定乙個表單,如 監聽.submit事件,可以在觸發表單提交時的事件,通過return false或者event.preventdefault 來阻止預設的表單提交事件 即 myform submit function e 可以自己封裝不同的js函式來將表單資料轉化成json格式 va...