这是我的代码:
<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 post 工作完美。如果我在单击事件后使用 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 页面从顶部开始的第一个表单,这将提交表单。
关于javascript - jQuery ajax 使用 javascript 提交表单发布数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24041156/