使用 javascript 提交表单的 jQuery ajax 发布数据答案

【问题标题】：jQuery ajax post data with javascript submit form使用 javascript 提交表单的 jQuery ajax 发布数据
【发布时间】：2014-07-25 07:45:03
【问题描述】：

这是我的代码：

<html>
<body>
<?php
include('header.php');
?>
<div class="page_rank">
 <form name="search" id="searchForm" method="post">
 <span class="my_up_text">ENTER THE WEBSITE TO CHECK GOOGLE PAGE RANK:</span>
 <br /><br />
 <input type="text" name="my_site"/></form></div>
<div class="p_ity">
<a href="#" class="btn" onclick="sub_form();">PAGE RANK</a></div>
<div id="my_pass"></div>

      <script>
      function sub_form()
      {

          document.forms["search"].submit();
      }
        $(function () {
            $('form#searchForm').on('submit', function(e) {
                $.ajax({
                    type: 'post',
                    url: 'check-google-page-rank.php',
                    data: $('form').serialize(),
                    success: function (data) {
                        $('#my_pass').html(data);

                    }
                });
                e.preventDefault();
            });
        });     
    </script>
 </body>
 </html>

问题是，如果我在表单中使用提交按钮，ajax 帖子可以完美工作。如果我在点击事件后使用 sub_form() 方法提交表单，它不起作用。我怀疑是 java 脚本sub_form() 方法是否触发 jquery ajax 函数？

注意：

post url返回的数据是 echo "<img width=\"165\" height=\"55\" src=\"./images/page-rank/pr".$rank.".gif\" />"

【问题讨论】：

表单的名字和id应该是一样的，除非你110%知道自己在做什么。
@Jonast92 这是我第一次听到这样的话....你是认真的吗？
@Jonast92 你在说什么？
@Jonast92 的 html 已经改变了吗？
我想你可能会在这里找到答案stackoverflow.com/questions/1960240/jquery-ajax-submit-form

标签： javascript jquery ajax ajaxform

【解决方案1】：

document.forms[].property

这将返回当前文档中所有表单的数组。

由于它是一个数组，你应该将索引值作为整数传递。

document.forms[0].submit();

如果您将此表单作为从顶部开始在 html 页面中的第一个表单，这将提交表单。

【讨论】：

Nope document.forms["name_of_form"].submit() 是提交表单的一种完全有效的方法，而您提到的与我的要求无关。