[英]prevent redirect to php file after form submit
在研究了多个小时之后,我终于决定自己发布问题,因为对别人有用的东西似乎对我没用。 请记住,我对ajax和jquery还是比较陌生,但是由于我正处于当前项目的最后期限,所以我没有时间进行全部研究。
我有以下HTML表单:
<div class="form">
<form id="savePlacemarkForm" method="post" action="createPlacemark.php">
<div>
<input type="text" id="placemarkName" name="placemarkName" placeholder="Name:"/>
</div>
<div>
<input type="text" id="placemarkAddress" name="placemarkAddress" placeholder="Adress:"/>
</div>
<div>
<input type="text" id="placemarkTag" name="placemarkTag" placeholder="Tags:"/>
</div>
<div>
<textarea id="placemarkDescription" name="placemarkDescription" placeholder="Description" rows="1" cols="1"></textarea>
</div>
<div>
<input id="latitude" type="text" name="latitude"/>
</div>
<div>
<input id="longtitude" type="text" name="longtitude"/>
</div>
<button class="md-close" id="savePlacemark" onclick="createPlacemark();"/>Save</button>
</form>
<button class="md-close">Cancel</button>
<script src="my_script.js" type="text/javascript"></script>
</div>
如您所见,我将动作设置为createPlacemark.php,该动作将从这些字段中获取输入并将其保存到我的数据库中,效果很好! 但是,由于这应该工作而无需重定向或重新提交页面,因此意味着ajax! 我包含如下所示的my_script.js:
$("#savePlacemark").click( function() {
$.post( $("#savePlacemarkForm").attr("action"),
$("#savePlacemarkForm :input").serializeArray();
});
clearInput();
});
$("#savePlacemarkForm").submit( function() {
return false;
});
function clearInput() {
$("#savePlacemarkForm :input").each( function() {
$(this).val('');
});
}
如您所见,该帖子对我来说是有效的,但是由于某种原因,返回false; 似乎不为我工作,因为我不断重定向到前面提到的php文件。
任何帮助将不胜感激! 谢谢!
尝试以下方法。 .submit()
函数实际上触发了表单的提交。 从脚本中删除它,因为当您已经用$.post
发布值时就不需要它了。
$("#savePlacemark").click( function() {
$.post( $("#savePlacemarkForm").attr("action"),
$("#savePlacemarkForm :input").serializeArray();
});
clearInput();
});
function clearInput() {
$("#savePlacemarkForm :input").each( function() {
$(this).val('');
});
}
尝试这个
<button onclick="return createPlacemark();">Save</button>
它可能会帮助您。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.