提交表单而不刷新答案

【问题标题】：Submitting form without refresh提交表单而不刷新
【发布时间】：2011-11-18 21:10:10
【问题描述】：

我正在检索 Google 的天气 API XML 并使用 PHP。我正在检索任何搜索过的城市的天气。

现在，这个“应用程序”在一个标签下，每当我提交表单时，它都会刷新，我想防止这种情况发生。

有可能吗？这将在仪表板中实现 - 这就是我要阻止刷新的原因。

这就是我的意思：http://www.screenr.com/30As

完整代码在这里：http://jsfiddle.net/ZshpF/ 只需将代码复制粘贴到 php 文件中即可。

【问题讨论】：

标签： php jquery xml ajax

【解决方案1】：

您需要使用AJAX。由于您在标签中提到了 jQuery，它有一个 very handy function 用于调用服务器。但是从 JavaScript 进行调用只是故事的一半，您还需要服务器上的一些东西来监听该调用。它本质上是另一个 PHP 脚本，它本身作为一个页面，但会以（很可能）JSON 而不是 HTML 的形式返回数据。它并不是为了人类可读的，而是作为一种供您的 JavaScript 代码使用的网络服务。

你可以找到一个简单的例子here。

【讨论】：

不仅是标签，还有昵称！ :) @jQuerybeast：是的。
@jQuerybeast：不要认为它是唯一的方法，而是认为它是更好的方法。您可以将 AJAX 请求发送到相同的服务器资源，并将查询字符串参数传递给它以区分您需要在 PHP 代码中返回的内容，但这被认为是糟糕的设计。这是一个单独的请求，通常应作为单独的服务器资源处理。

【解决方案2】：

我觉得你可以用jQuery ajaxForm

【讨论】：

避免使用插件，除非你绝对必须这样做，否则你最终会得到一个臃肿的应用程序。
可能是这样，但在这种情况下，您可以使用 jQuery 进行直接的 ajax 调用。不需要插件。