关于JSONP、Fiddler、Velocity的笔记

JSONP

JSONP（JSON with Padding）是通过动态的创建<script>标签异步获取数据。

注意点

• 一般URL里回到函数的参数名为“jsonp”或“callback”。
• 它可以解决Ajax的跨域问题，一般用于GET请求（只获取数据）。
• 浏览器加载动态创建的<script>时，不会显示“loading”状态。
• 浏览器加载完整个闭合<script>标签后，才会执行该标签内的JS代码。
• 加载完数据，回调函数执行完毕后，一般需要删除该标签。
• 为了保证代码能够正确执行最好使用try/cache语句

  try {
      callbackFun({name:'cnblogs', age:3});
  } catch(e) {}
  

• 如果远程数据源存在JavaScript注入漏洞，则会引发本网站的安全漏洞。现在有一个正在进行计划在定义所谓的 JSON-P 严格安全子集，使浏览器可以对 MIME 类别是“application/json-p”请求做强制处理。如果回应不能被解析为严格的 JSON-P，浏览器可以丢出一个错误或忽略整个回应。
• 文档：《维基百科：JSONP》

Fiddler

下载和安装

• 安装.net framework 2.0以上版本
• 从官方网站免费下载Fiddler。
• Firefox中用Fiddler，可以下载一个插件：Fiddler开关

功能介绍

AutoResponse功能

此功能启用后，可以将某一请求的响应内容替换成指定的资源，可以是本地文件，也可以是 Fiddler 内置的各种 HTTP 响应。有利于调试，尤其是调试线上Bug。

• 将 “Enable automatic responses” 打勾：启用该功能。
• “Permit passthrough for unmatched requests”或“Unmatched requests passthrought” 表示允许未匹配到的请求正常响应。应该打勾才能让其他的请求继续；否则其他未匹配到的请求都会以 404 状态返回。
• 页签中间是一个列表，显示当前创建的匹配规则，左侧是匹配的条件，右侧是响应的结果。即：如果请求的地址包含左侧的字符串，那么就用右边设定的资源来替换来自服务器的响应。
• 页签底部是一个规则编辑器，可以进行编辑当前用户选择的匹配规则、保存编辑、删除此匹配规则等操作。

文档

• 使用Fiddler提高前端工作效率 (介绍篇)
• 使用Fiddler提高前端工作效率 (实例篇)

Velocity

Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。

• 开源中国velocity资料/讨论区：http://www.oschina.net/p/velocity
• Velocity将java代码从web页面中分离出来，这样为web站点的长期维护提 供了便利，同时也为我们在JSP和PHP之外又提供了一种可选的方案。
• 类似于PHP中的Smarty。
• Velocity模板引擎可以给PHP使用吗？？