jQuery AJAX 代码生成器（调用 Web 服务）

陷入代码-构建-测试的循环，会让你在身体、精神、情感和灵魂上都感到疲惫。你心里清楚时间在流逝，但进展却缓慢。当然，老板总是把头探进你狭小的隔间里问：“有什么进展吗？”真是个讨厌鬼。实习生应该在帮助你，却总是问一些他能在 Google 上找到答案的愚蠢问题：懒家伙。部门秘书刚告诉你他们弄丢了你的工时表，所以你必须重新填写一份：真可惜你没有备份。你的腰围越来越粗，头发越来越稀疏。

好吧，我无法帮助你解决这些问题。.

除了，也许对于第一个问题；如果你正在使用 jQuery 的 AJAX 函数，我或许可以缓解你所担心的代码-构建-测试循环。

为了帮助你理清使用 jQuery AJAX 函数访问 Web 服务时众多选项，我创建了一个网页，其中包含我认为最有用的选项，以表格形式呈现，带有复选框、值和描述。它可以自动构建 jQuery AJAX 代码，并且你可以直接从网页执行它。我们可以打破代码-构建-测试的循环。

这里是生成的代码示例

这里是设置表格的一部分

这里是我连接到三个事件以显示结果的三个 div

因此，当你启用选项并更改其值时，代码会更新。你点击“执行”按钮，等待服务器响应。

我设法将代码（JavaScript、CSS 和 HTML）放入一个文件中。只有 jQuery 代码是外部的。所以，如果你正在开发对本地项目的调用，你可以下载（偷/借）该页面并将其放入你自己的目录中进行测试。

注释

HTML5 CSS 属性 resize:both 在我测试的所有浏览器中（好吧，是 IE）都无法正确工作，所以我使用了 jQuery 函数 resizable。

我考虑过在等待调用完成或超时时显示一个沙漏光标。但 AJAX 中的“A”代表异步，网页不会阻塞等待服务器。沙漏光标是不合适的。

我添加了“保存”和“恢复”按钮，这样如果你得到一个有效的结果，就可以保存它。然后你可以随意实验，知道你始终可以返回到一组已知的良好选项。通常，大多数人会使用它来找到最少的一组选项。为了记住设置，我使用 localStorage，这是 HTML 5 的一项功能。

这里是我用该页面测试的几个免费公共 Web 服务

• http://query.yahooapis.com/v1/public/yql?q=select%20item%20from%20weather.forecast%20where%20location%3D%2248907%22&format=json
•  http://api.geonames.org/postalCodeLookupJSON?postalcode=55427&country=US&username=demo

我本地链接了 jQuery 库。从理论上讲，CDN 是一个好主意。但实际上，它们可能会使网站瘫痪。下次你看到一个卡住的网页，请查看状态栏。很可能它正在从外部站点加载。

我绝不是 jQuery AJAX 的专家。如果你看到我遗漏了什么，或者有什么有用的东西可以添加到页面中，请与我联系。

还有，在我忘记之前，这里是网页的链接：jQuery AJAX 代码生成器

这是一个有趣的项目。我希望有人觉得它有用。

史蒂夫·韦伦斯