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字符串，然后将其发送到脚本。

jQuery - 我可以在不重新加载页面的情况下将表单提交到div中吗？

1 个答案: