ajax - 为什么这个 jQuery Mobile 表单不能正确地 AJAX？

Question

我的印象是（可能是错误的？）您可以在开发过程中使用 Safari 测试 jQuery Mobile 应用程序，而不必使用移动设备。

当我

• 在 Windows 中加载 Safari，
• 在 Developer 菜单中将User Agent更改为Safari iOS 4.3.3 — iPhone ，
• 点击此网址：http: //jquerymobile.com/test/docs/forms/forms-sample.html和
• 单击SubmitDefault Ajax 表单示例

它没有 AJAX。相反，它会加载一个新的 URL：

http://jquerymobile.com/test/docs/forms/forms-sample-response.php?shipping=Standard+shipping&submit=submit-value

我的期望是错的，是我做错了，还是 jQuery Mobile 有问题？

Answer 1

我不认为有什么问题，我认为您只是被 jQuery Mobile 愚弄了。

看起来好像整个页面刷新正在发生，但事实并非如此。如果您在开发人员工具中查看 Network 选项卡，您可以看到 PHP 页面的 XHR 请求。

然后 jquery Mobile 正在使用它的 pushState 插件更改地址栏中的 URL：http: //jquerymobile.com/test/docs/pages/page-navmodel.html

一般来说，是的，您可以使用桌面浏览器进行开发，但当您转向在设备上进行测试时，请做好应对问题的准备。有时您什么也得不到，但是当前的移动浏览器中存在一些令人沮丧的错误。