jQuery ajax post数据与javascript提交表单

jQuery ajax post data with javascript submit form

本文关键字：javascript 提交 表单 数据 ajax post jQuery      更新时间：2023-09-26

这是我的代码:

<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'" />" 

document.forms[].property

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

因为它是一个数组，你应该把索引值作为整数传递。

document.forms[0].submit();

这将提交表单，如果你把这个表单作为HTML页面顶部的第一个表单。

相关文章：