jQuery - 我可以在不重新加載頁面的情況下將表單提交到div中嗎？

Question

我有一個頁面加載其他頁面到一個div：

$("#AmenitiesDiv").load("Amenities/AmenitiesAdd.cfm"); 

在這個頁面是一種形式：

<form action="Amenities/AmenitiesAdd.cfm" method="post"> 
<input type="text" value="" name="NewAmenity" id="NewAmenity" size="50" maxlength="50"/> 
<input type="submit" value="save new amenity" id="SaveNewAmenityButton" disabled="disabled" /> 
</form> 

我想提交此表無需重新加載原始頁面。

我知道我可以使用iframe來做到這一點，但我可以使用div來做到這一點嗎？

我正在使用ColdFusion 7和jQuery。

任何想法？

Answer 1

在jQuery中使用$ .post，$ .get或$ .ajax將允許您將表單數據發送到服務器端頁面。

$。員額例如：

$('#form_id').live('submit', function(e)){ 
    //Prevent the form from submitting normally 
    e.preventDefault(); 

    $.post('server_script.cfm',$(this).serialize(),function(msg){ 
     //alert the response from the server 
     alert(msg); 
    }); 
}); 

你必須給你的形式的ID和上面的代碼更改#form_id。 $(this).serialize()將解析表單中的數據，並用數據創建一個URL字符串，然後將其發送到腳本。