Jquery 提交内部提交

Jquery 提交内部提交,jquery,Jquery,我承认它的标题不是很清楚。但我不知道如何命名我正在尝试做的事情 我有index.htm。此页面使用以下代码从index.asp?Process=ViewRequests中提取数据 $(function Requests() { $.ajax({ type: 'GET', url: 'content/requests/index.cs.asp?Process=ViewRequests', success

我承认它的标题不是很清楚。但我不知道如何命名我正在尝试做的事情

我有index.htm。此页面使用以下代码从index.asp?Process=ViewRequests中提取数据

    $(function Requests() {
        $.ajax({
            type: 'GET',
            url: 'content/requests/index.cs.asp?Process=ViewRequests',
            success: function(data) {
                $("#requests").html(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $("#requests").html('.');
            }
        });
    });
然后,在这个新的拉式数据集中,我有几个表单。所有表单都以REQUESTFORM作为ID,提交按钮的名称为respond。我需要什么,它需要执行什么;一旦用户单击其中一个表单,单击的表单应将其数据发送到index.asp?Process=RespondRequests并打印其响应

    $("[name='respond']").click(function() { 
            $.ajax({
                type: "POST",
                data: $("#REQUESTFORM").serialize(),
                url: "content/requests/index.cs.asp?Process=RespondRequests", 
                success: function(output) { 
                $('#REQUESTFORM').html(output)
                },
                error: function(output) {
                $('#REQUESTFORM').html(output);
                }
            }); 
    }); 

这可能吗?

我不太确定您想做什么,但您可以使用表单的提交事件并通过AJAX处理请求。在handler函数中,您应该返回false以防止表单在浏览器中提交(因为您将通过AJAX提交表单)


我希望它能有所帮助。

您不能有多个具有相同ID的元素,或者如果您这样做,至少您将无法将ID用于任何有用的内容。但由于提交按钮位于表单标签下方,因此您可以使用
最近的
功能选择最近的表单。由于
这个
在点击事件中指的是被点击的元素,你可以很容易地获得点击按钮的表单:

   $(function Requests() {
     $.ajax({
       type: 'GET',
       url: 'content/requests/index.cs.asp?Process=ViewRequests',
       success: function(data) {
         var that = this;
         $("#requests").html(data);
         $("[name='respond']").click(function() { 
           $.ajax({
             type: "POST",
             data: $(that).closest("form").serialize(),
             url: "content/requests/index.cs.asp?Process=RespondRequests", 
             success: function(output) { 
               $(that).closest("form").html(output)
             },
             error: function(output) {
               $(that).closest("form").html(output);
             }
           });
         });
       },
       error: function (XMLHttpRequest, textStatus, errorThrown) {
         $("#requests").html('.');
       }
     });
   });

您好,我尝试了代码,我没有收到任何错误,但它不工作。你知道吗?这个代码是你的代码副本,加上这个,那个和最近的。尝试在这里和那里添加警报,可能在单击功能中,并查看它们是否显示。还要验证所有选择器是否正常工作。