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

发布于 2024-11-26 23:22:58 字数 560 浏览 0 评论 0原文

我有一个页面将另一个页面加载到 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。

有什么想法吗？

原文

I have a page that loads another page into a div:

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

In this page is a form:

<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>

I want to submit this form without reloading the original page.

I know I could do this using an iframe, but can I do it using a div?

I am using ColdFusion 7 and jQuery.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无畏 2024-12-03 23:22:58

在 jQuery 中使用 $.post、$.get 或 $.ajax 将允许您将表单数据发送到服务器端页面。

$.post 示例：

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

Using $.post, $.get, or $.ajax in jQuery will allow you to send form data to a server-side page.

$.post example:

$('#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);
    });
});

You'll have to give your form an ID and change #form_id in the code above. The $(this).serialize() will parse the data in the form and create a URL string with the data, then send it to the script.

回复收藏 0 原文

~没有更多了~