为什么这个jQuery Mobile表单不适合AJAX？

Question

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

当我

• 在Windows中加载Safari，
• 在开发者菜单中将用户代理更改为 Safari iOS 4.3.3 - iPhone ，
• 点击此网址：http://jquerymobile.com/test/docs/forms/forms-sample.html和
• 点击默认Ajax表单示例
上的Submit

它不是AJAX。相反，它会加载一个新的URL：

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

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

Answer 1

我认为没有什么不对，我认为你只是被jQuery Mobile愚弄了。

可能看起来似乎发生了整页刷新，但事实并非如此。如果您在开发人员工具中查看“网络”选项卡，则可以看到PHP页面的XHR请求。

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

在一般意义上，是的，您可以使用桌面浏览器进行开发，但是当您转向在设备上进行测试时，请准备好解决问题。有时候你没有得到任何东西，但是当前的移动浏览器中存在一些令人沮丧的错误。