Jquery透過Ajax方式來提交Form表單的具體實作_jquery

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

保存資料到伺服器，成功時顯示資訊。
jQuery 程式碼:

複製程式碼 程式碼如下:

程式碼如下:


$. 🎜>type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved : " msg );

}
});


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

後來,今天我看到一個方法,就是.map,就做出一下想法了,可以藉鑑喲; html程式碼如下,下面我要提交Form 的id為dlg_form的所有input資料, 複製程式碼

程式碼如下:

房間：
>

建築：

部門：

;



空調控制器
傳奇>

埠：

位址：標籤>

工作方式：

是否啟用：

;


;
燈光控制器
傳奇>

埠：

位址：標籤>

工作方式：

是否啟用：

;
安裝了總表：

總表電能節點：

表格>

不是很多，如果要你每個輸入都寫的話，是不是要吐血？
看看我的方法，首先我們先把所有輸入的name和value都扒來，
js程式碼如下：

複製程式碼 程式碼如下：

var str_data=$("#dlg_form input").map(function(){
return ($(this).attr("name " ) '=' $(this).val());
}).get().join("&") ;
警報（資料）；

ps：你alert一下，你會發現，這裡面的架構就是divname=xxx&divname2=xxxx等等，

然後真相在看看ajax提交的：

複製程式碼如下程式碼：

$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function (msg){
alert( "Data Saved: " msg );


上記で得たものはありましたか? 、データを入力するだけですか?

変更後の完全なコードは、

コードをコピーしますコードは次のとおりです:

$.ajax({

var str_data=$("#dlg_form input").map(function(){
return ($( this).attr( "name") '=' $(this).val());
}).get().join("&") ;
type: "POST",
url: "some .php",
data: str_data,
success: function(msg){
alert( "保存されたデータ: " msg );
}); 🎜>

わかりました、それは簡単です。該当する場合は、それを使用できます...

ふふ、

ご質問がございましたら、お気軽にお問い合わせください。 。