今天剛好看到Jquery的ajax提交數據到服務器的方法,原文是:

保存數據到服務器，成功時顯示信息。
jQuery 代碼:

復制代碼 代碼如下:

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

復制代碼 代碼如下:

<form method="post">
<div>
<label> 房間:</label>
<input required />
</div>
<div>
<label> 建筑:</label>
<input required />
</div>
<div>
<label> 部門:</label>
<input required />
</div>
<fieldset>
<legend>
<label>
<input type="checkbox" value="ktkzq"/>
空調控制器</label>
</legend>
<div>
<label> 端口:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 地址:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 工作方式:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 是否啟用:</label>
<input disabled="disabled" required />
</div>
</fieldset>
<fieldset>
<legend>
<label>
<input type="checkbox" value="dgkzq"/>
燈光控制器</label>
</legend>
<div>
<label> 端口:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 地址:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 工作方式:</label>
<input disabled="disabled" required />
</div>
<div>
<label> 是否啟用:</label>
<input disabled="disabled" required />
</div>
</fieldset>
<div>
<label>
<input type="checkbox" value="zongbiao"/>
安裝了總表:</label>
</div>
<div>
<label> 總表電能節點:</label>
<input disabled="disabled" required />
</div>
</form>

復制代碼 代碼如下:

var str_data=$("#dlg_form input").map(function(){
return ($(this).attr("name")+'='+$(this).val());
}).get().join("&") ;
alert(data);

復制代碼 代碼如下:

$.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( "Data Saved: " + msg );
}
});