这个问题与已经回答的问题有点不同…
我想做的是运行一个函数,autoHide()
,调用一个PHP文件,artistdo.php
,执行MySQL查询,在表单提交,如果它返回true(查询成功),表单不提交。
我得到的是MySQL查询没有运行,即使我删除查询并在artistdo.php
页面中放置返回true, ajax中的返回false不会停止表单提交,但它确实导致alert("Success");
被调用,但是,如果我在autoHide()
函数中放置返回false,但在ajax之外,表单正确地不提交。以下是目前为止的内容:
表单页:
<head>
function autoHide() {
$.ajax({
'url': '/artistdo.php',
'type': 'GET',
'dataType': 'json',
'data': {
cmd: 'autoHideProduct'
},
'success': function () {
alert("Success");
return false;
}
});
}
</head>
<body>
<form action="http://off-site/form.php" method="post"
onSubmit="return autoHide()">
<input type="submit" value="submit"
onMouseOver="this.style.cursor='pointer'">
</form>
和artistdo.php
页(为了方便阅读,这是一个简化的版本):
if($get['cmd'] == 'autoHideProduct') {
$query = mysql_query("UPDATE products SET house='0'");
if ($query) {
return true;
} else {
return false;
}
所以,如果我完全从artistdo.php
页面中删除整个MySQL查询,并将其替换为return true;
,表单仍然提交,这使我认为问题是在AJAX中,因为artistdo.php
页面肯定返回true, alert("Success");
正在被调用。如果我将return true
移到AJAX调用之外,则表单不会正确提交。
我希望这是有意义的…
谢谢你的帮助!
您可以使用.data()
方法将元数据与表单关联起来,这将允许您知道是否应该提交它:
<head>
<script type="text/javascript">
$(function() {
$('#myform').submit(function() {
if ($(this).data('shouldSubmit')) {
return true;
}
$.ajax({
url: '/artistdo.php',
type: 'GET',
dataType: 'json',
context: this,
data: { cmd: 'autoHideProduct' },
success: function (result) {
if (result) {
$(this)
.data('shouldSubmit', true)
.submit();
}
}
});
return false;
});
});
</script>
</head>
<body>
<form action="http://off-site/form.php" method="post" id="myform">
<!-- Form fields -->
<input type="submit" value="submit" onMouseOver="this.style.cursor='pointer'">
</form>
</body>
给定当前代码结构的第一个问题是对$.ajax
的调用是异步的,这意味着它被执行,然后浏览器移动到下一个语句,并让$.ajax
调用"在后台"完成。这就是为什么当您将return false
语句放在$.ajax
调用之后,表单不会提交,而不是将返回false放在$.ajax
调用的成功函数中。
我不认为你想做的是真正可能的,除非你创建一个全局变量的某种。你有可能改变你填写表格的方式吗?
如果我理解正确的话,这可能会有所帮助
$('form').submit(function (event)
{
event.preventDefault();
//handle the rest of the logic
}
这将停止表单提交,你应该调用你的函数并在返回为true时提交表单。
我认为问题出在这一行
if($get['cmd'] == 'autoHideProduct') {
应该是
if($_GET['cmd'] == 'autoHideProduct') {