ajax 提交form數據

       使用jQuery ajax提交數據的常用用法。

$.ajax({
   type: "POST",
   url: ajaxCallUrl,
   data: "Key=Value&Key2=Value2",
   success: function(data){alert(data);}
 });

        最近在寫一個觸屏版的web項目,有一個需求是ajax需要提交form表單數據,但是總不能每個form的input項都寫一個javascript數據綁定動作。用jquery ajax可以輕鬆實現。示例代碼如下:

$.ajax({
                type: "POST",
                url:ajaxCallUrl,
                data:$('#myformid').serialize(),// 需要爲你的form設置一個formid
                success: function(data) {    //data爲返回回來的數據
                    //在這裏對data進行處理
                }
            });
      ajax提交數據動作爲POST,url顧名思義爲請求地址,data爲POST動作所需要提交的數據。在這裏,jQuery ajax中使用serialize() 方法提交表單數據。jQuery ajax中數據以鍵值對(Key/Value的形式發送到服務器,使用ajax提交表單數據時可以使用jQuery ajax的serialize() 方法表單序列化爲鍵值對(key1=value1&key2=value2…)後提交。serialize() 方法使用標準的 URL-encoded 編碼表示文本字符串。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章