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

2021-07-22 08:20:29 字數 899 閱讀 8286

今天剛好看到jquery的ajax提交資料到伺服器的方法,原文是:

儲存資料到伺服器,成功時顯示資訊。

jquery **:

$.ajax(

});

後來我就想了一下,我要提交form表單有沒有辦法呢?但是我不可能每個fom的input都寫一次var demo=$("#divname").val();的.

後來,今天我看到乙個方法,就是.map,就做出一下想法了,可以借鑑喲;

html**如下,下面我要提交form 的id為dlg_form的所有input資料,

是不是很多,如果要你每個input都寫的話,是不是要**?

看看我的方法,首先我們把所有的input的name和value都取下來,

js**如下:

var str_data=$("#dlg_form input").map(function()).get().join("&") ;

alert(data);

ps:你alert一下,你會發現,這裡面的架構就是divname=***&divname2=***x等等,

然後在回頭看看ajax提交的:

$.ajax(

});

有沒有發現,只要我們把我們上面獲取到的,放到data裡面就可以了?

完整的**,修改後應該是

$.ajax().get().join("&") ;

type: "post",

url: "some.php",

data: str_data,

success: function(msg)

});

ok,就這麼簡單,如果適用的話,可以拿去用喲...

呵呵.如果有問題,也歡迎提出來.

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

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

Jquery通過Ajax方式提交Form表單

通ajax提交資料到服務端的方式是 jquery ajax 如果這種寫法的話要提交form表單是每個fom的input都寫一次var demo divname val 的.html 如下,下面我要提交form 的id為dlg form的所有input資料,如果要你每個input都寫的話,那就更費勁了...

ajax 通過jQuery實現

使用jquery實現ajax相對來說方便一點,看w3cschool有幾種實現的方法,我就總結一下自己以後會用到的幾種方法 ajax方法 ajax方法裡面有很多個引數可以使用,但我這裡就寫自己常用的幾個引數 1.url 要求為string型別的引數,預設為當前頁位址 傳送請求的位址。2.timeout...