關於jquery提交表單實現ajax的簡單例子

2021-08-30 18:24:47 字數 1141 閱讀 3279

jquery的設計非常優雅,其源**亦給人以美感,利用jquery框架寫出來的js既簡練又能完美跨瀏覽器。

jquery form外掛程式是基於jquery開發的一套能夠利用ajax技術提交form的框架。

無論是jquery,還是jquery form 都是老外寫的。

通常的jquery ajax提交寫法如下:

$.post("../user/user.do?d=checkpasswordonupdatebyajax",,function(xml));

其中:{old_password:old_password.val()}是掛的引數,為json串格式。如果只有幾個引數,這種方法還是值得一用的,如果有幾十個,從軟體可維護性的角度去考慮,用這種方法實在不敢恭維。我曾經寫過乙個根據form的頁內資料元素生成json串的方法。但是對自己寫的東西總覺得不夠滿意,有沒有一種可以提交form資料的外掛程式呢,google一下,輸入關鍵字 jquery form plugin 。我很榮幸的搜到了我需要的東西,既然已經有輪子,自己發明的輪子暫時先放棄。從此我對jquery form 的依賴及使用變得一發不可收拾。在我做的專案中大量的使用了該外掛程式進行ajax資料提交。

把jquery form的相關檔案匯入頁面

且二者順序不可以放反,因為檔案是自上而下解析的。

function submitform();

form.ajaxform(options);

return;

}form.submit();// 傳統form提交

}function showresponse(xml)else

}注意:

xml的值1或者-1是後台用response打出來的。如下:

response.setcontenttype("text/html;charset=utf-8");

response.setcharacterencoding("utf-8");

printwriter pw = response.getwriter();

pw.println("1");

url就是form表單要提交到的位址,當然若不指定,會自動使用form裡action的值。

success的值也是函式,就是提交表單處理完後要做的事。

jquery 表單提交

jquery 函式裡面的data是json格式,所以傳值的時候必須傳json格式 response.getwriter print dataarr.tojsonstring 1.1 load方法,用於load伺服器的檔案如下 input first click function 上述方法是載入了fo...

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

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

關於表單提交

做 離不開表單。首先要獲取到需要提交的資料。程式設計要從巨集觀出發,不要一下子,就把別人的 拷貝過來,然後照葫蘆畫瓢。最終還是不會獨立的程式設計。n久沒有程式設計了,特別手生。今天主管,給了個簡單的任務,差點沒把我頭痛死。看似簡單的東西,做的過程總會遇到很多不曾想到的問題。baytech的內容頁不是...