在页面加载时使用 JQuery 提交表单答案

【问题标题】：Submitting a form with JQuery on page load在页面加载时使用 JQuery 提交表单
【发布时间】：2013-04-03 06:13:20
【问题描述】：

我的 Microsoft Active Directory 证书服务器上有一个“用户证书”表单。表单托管在 URL 上：

 https://mycaserver/certsrv/certrqbi.asp?type=0.

此表单的简化 html 为：

<html>
<body>
<Form Name=SubmittedData Action="certfnsh.asp" OnSubmit="return goNext();" Method=Post>
    <Input Type=Hidden Name=Mode>             <!-- used in request ('newreq'|'chkpnd') -->
    <Input Type=Hidden Name=CertAttrib>       <!-- used in request -->
    <Input Type=Hidden Name=FriendlyType>     <!-- used on pending -->
    <TR><TD></TD>
        <TD ID=locSubmitAlign Align=Right>
        <Input ID=locBtnSubmit Type=Submit Name=btnSubmit Value="Submit &gt;" >
    </TD></TR>
</Table>
</Form>
</body>
</html>

我想：

使用 Jquery 加载上面 html 页面的 URL 并自动点击提交按钮。
然后在单击提交后检查响应以搜索子字符串。

有人可以指点一下吗？

非常感谢

【问题讨论】：

如果您使用 jQuery 加载 url（假设启用了 CORS）表单的操作将不再指向正确的位置，除非您的服务器也具有该操作。不过，您可以再次对所需的操作执行 CORS POST。

标签： jquery html forms certificate-authority

【解决方案1】：

这里有一个起点

$(document).ready(function(){
  $('form[name="SubmittedData"]').unbind().on('submit', function(){
    var t = $(this);
    $.ajax({
      type : t.attr( 'method' ),
      url : t.attr( 'action' ),
      data : t.serialize(),
      success : function( d ){
        //Check the result in firebug (chrome developer tools) console
        console.log( d );
        // do rest of stuff after submitting for is ok
        //alert( d ); //use this if you do not have firebug
      },
      error : function(xhr, opts, error){
        console.log( error );
      }
    });
  }).trigger( 'submit' );
});

我不明白第二点，你到底需要什么。也许在您向我们展示您在“成功”步骤中获得了什么之后，我们可以使用其余代码。

【讨论】：

【解决方案2】：

您可以使用ajax post 发送您的表格并检查结果。在表单上放一个 id 'SubmittedData' 让事情变得更容易，

此外，您应该在加载 JQuery 时加载它，而不是在加载页面时加载（那里的细微差别：

$(document).ready(function(){
    $.post('certfnsh.asp', $("#SubmittedData").serialize(), function(data) {
       alert(data);
    });
});

【讨论】：