如何使用 jQuery 以编程方式提交表单？

Question

我有表单，当提交时，它正在发出 ajax POST 请求，发布从表单中获取的数据。形式非常简单。

<form id="form1">
    <input type="text" name="domain" id="field1">
    <input type="submit" name="my-submit" id="my-submit" value="Submit Form" class="btn btn-info btn-lg">
    <!--<button type="button" class="btn btn-info btn-lg" id="myBtn">Open Modal</button>-->
</form>

然后#response div 加载返回的内容。

# HTML code ...
<div class="modal-body" id="response">
    <p>Some text in the modal.</p>
</div>
# HTML code ...

最后是 JavaScript...

$('#form1').submit(function(event) {
    event.preventDefault();
    $.ajax({
        type: 'POST',
        url: 'check.php',
        data: $(this).serialize(),

        success: function (data) {
            //console.log(data);

            $('#response').html(data);
            $("#myModal").modal();
        }
    });
});

然后，我想检查我的 index.php 脚本，上面的所有这些都在哪里，如果是在 URL 中传递的 $domain 变量，例如 yoursite.com?domain=domain.com，如果是，则调用 submit()；使用此代码以编程方式运行：

if(isset($_GET['domain'])) {
    $domain = $_GET['domain'];
    echo $domain;
    echo "
        <script>
            $('#form1').submit();
        </script>
    ";
    //exit();
}

问题是，什么都没有发生。如何实现期望的行为？

Answer 1

<form id="form1">
    <input type="text" name="domain" id="field1">
    <input type="submit" onclick="return call();" value="Submit Form">
</form>

<script type='text/javascript'>
function call()
{
  //ajax code;
  return true;//are your want form submit
  return false;// are your want cannot form submit
}
</script>

别忘了放回车

Answer 2

你不应该那样做。没有理由向客户端提供页面，自动填写表单并回传到服务器。

相反，您应该检查是否设置了$_GET['domain'] 域，如果是，则应直接包含您的check.php 文件。你应该调整check.php 来处理 POST 和 GET 参数。

这将为您节省到客户端的往返行程，并且不依赖于启用 javascript 的客户端。