Ajax 同源问题 JSONP解决

Ajax  限制

同源之间才能访问

同源  ： 协议 域名 端口 三者必须相同

 

 

向模板开放外部变量

template.defaults.impots.变量名(等于函数名)=函数名;

 

解决同源限制问题

JSONP

1.将不同源的服务器端请求地址写在scritp标签中的src属性中

2.服务器端响应数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数调用的参数

3.必须在客户端全局作用域下定义函数  （在srcipt标签前面）

4.在函数内部对服务器端返回的数据进行处理

 

动态添加请求 

通过 document.createElement('script') 创建script标签

通过 script.src 设置 请求地址

通过document.body.appendchild(要添加的元素)  添加请求并携带要调用的函数

通过  script.onload 事件  设置 删除子节点script  //避免需要多次请求 多次添加script标签