android - 如何在android、phonegap和jquerymobile中通过javascript在提交表单时调用ajax函数

Question

我有两个输入字段和提交按钮的 html 表单。

当我点击提交按钮时，它会进入我的 javascript 函数...但它不会调用其中编写的 ajax 函数。

页面被重新加载，而不是调用 ajax 函数

Answer 1

你不仅要使用event.preventDefault() (或 return false )在您的事件处理程序中，但您必须专门禁用表单的 AJAX 导航，以便 jQuery Mobile 不会执行它自己的表单提交:

这是使用 data-ajax 的一种方式(推荐):

<form data-ajax="false">

您还可以通过在 mobileinit 时更改默认的 jQuery Mobile 来实现此目的。事件触发:

<script src="jQuery-Core.js"></script>
<script>
$(document).bind("mobileinit", function(){
   $.mobile.ajaxEnabled = false;
});
</script>
<script src="jQuery-Mobile.js"></script>

注意 <script> 的顺序标签。此方法的缺点是它会禁用所有元素的 AJAX 导航，而不仅仅是您正在处理的单个表单，这就是我建议使用数据属性的原因:http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/globalconfig.html