Ajax——跨域解决

 如何解决跨域

3.2.1 JSONP

1. JSONP是什么

   JSONP (JSON with Padding)，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明才智开发出来，只支持get请求

2. JSONP 怎么工作的？

   在网页有一些标签天生具有跨域能力，比如：img, link, iframe, script

   JSONP就是利用script标签的跨域能力来发送请求的

3. JSONP的使用

   • 动态的创建一个script标签

   var script = document.createElement("script");

   • 设置script的src，设置回调函数

   script.src = "http://locallhost:3000/textAJAX?callback=abc"

4.代码实例

 

 4.2将handle函数写在app.js中

 4.3推荐写在jsonp.html中

 

 4.4代码结果（出错的原因是js无法解析JSON）

 

 （其实不理解为什么  response.end(`handle(${str})`)传到jsonp.html页面后有字符串变成对象了？？）