jsonp

生命周期 Vue.js - Day2 品牌管理案例 添加新品牌 删除品牌 根据条件筛选品牌 1.x 版本中的filterBy指令，在2.x中已经被废除： filterBy - 指令 <tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.ctime}}</td> <td> <a href="#" @click.prevent="del(item.id)">删除</a> </td> </tr> 在2.x版本中 手动实现筛选的方式 ： 筛选框绑定到 VM 实例中的 searchName 属性： <hr> 输入筛选名称： <input type="text" v-model="searchName"> 在使用 v-for 指令循环每一行数据的时候，不再直接 item in list ，而是 in 一个 过滤的methods 方法，同时，把过滤条件 searchName 传递进去： <tbody> <tr v-for="item in search(searchName)"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.ctime}}</td> <td>

一、创建XMLHttpRequest对象 二、XHR的用法 五、跨域资源共享 六、其他跨域技术 七、安全 七、安全 1. 图像Ping 2. JSONP（JSON with padding，填充式JSON/参数式JSON） 3. Comet（“服务器推送”） 4. 服务器发送事件（SSE：Server-Sent Events） 5. Web Sockets 6. SSE & Web Sockets 7. 跨域方法小结： 七、安全 Ajax的技术核心是 XMLHttpRequest对象 （简称XHR） 一、创建XMLHttpRequest对象 1 function createXHR(){ 2 if(typeof XMLHttpRequest != "undefined"){ 3 //IE7, FireFox, Opera, Chrome, Safari都支持原生的XHR对象，这些浏览器中可以使用XMLHttpRequest构造函数 4 return new XMLHttpRequest(); 5 } else if (typeof ActiveXObject != "undefined"){ 6 //使用于IE7之前的版本 7 if(typeof arguments.callee.activeXString != 'string'){ 8 var versions = [

###1. JSONP 　　JSONP由两部分组成：回调函数和数据 　　JSONP是通过动态<script>元素来使用的，使用时可以为src属性指定一个跨域URL 　　　　eg： 　　　　　　function handelResponse(response){ 　　　　　　　　alert('''......') 　　　　　　} 　　　　　　var script = document.createElement("script"); 　　　　　　script.src = "http://..../json/?handelResponse" ; 　　　　　　document.body.insertBefore(script,document.body.firstChild); 　　缺点：JSONP是从其他域中加载代码执行 要确定JSONP请求是否失败并不容易 ###2. Comet(“服务器推送”) 　　Comet 是一种服务器向页面推送数据的技术，它本含两种方法：长轮询和流 　　　　1.）长轮询/短轮询，两者最大的区别在于服务器如何发送数据。短轮询是服务器立即发送响应，无论数据是否有效，而长轮询是等待发送响应。 　　　　　　无论是长轮询或短轮询，浏览器都要在接收数据前先发起对服务器的链接，且服务器在浏览器打开状态下一直保持连接打开 　　　　2.）HTTP流