原生实现Jsonp

html部分代码
原生实现Jsonp
js部分代码

//设置handle函数
function handle(b){
pp.style.visibility=“visible”;
input.style.border = “solid 2px red”;
//修改p标签的文本
p.innerHTML = b.return;
pp.innerHTML =b.pir;
}
//绑定失去焦点事件
input.onblur = function(){
//获取用户输入的值
var username = this.value;
//1.设置script标签
var scr = document.createElement(‘script’);
scr.src=‘http://127.0.0.1:8009/server’;
//将scrpit插入文档中(代码的意思是把script标签插入body标签的最后)
document.body.appendChild(scr)
}

这里复习了失去焦点事件 input.onblur = function(){}
还有设置script标签
var scr = document.createElement(‘script’);
scr.src=’ ';
将scrpit插入文档中(代码的意思是把script标签插入body标签的最后)**
document.body.appendChild(scr)
}

node.js部分代码
原生实现Jsonp

//利用script的可跨域性质进行跨域
//script只能解析代码返回数据要设置成代码形式
response.send(handle(${str}));(注意send（）括号里面不是单引号是键盘上最左边第二个也就是Eac下面的键)

别忘了转换字符串 let str = JSON.stringify(参数);
原生实现Jsonp

感觉今天学的东西还不错，哈哈