封装JSONP 函数,方便请求发送


封装JSONP 函数,方便请求发送

封装jsonp的代码和封装Ajax的代码非常的相似!可以参照食用偶!


	
	
	

封装代码优化!

1第一个优化的地方就是处理返回服务器端返回的函数fn2【现在我们希望fn2函数和jsonp函数进行关联!怎么做?!】把外部函数变成参数函数!再把参数函数变成一个全局函数!


	
	

jsonp代码的最终优化【如果要求传入更多的callback函数应该怎么做呢?!】


	
	

服务器端代码的优化

app.get('/better', (req, res) => {
	// 接收客户端传递过来的函数名称
	// const fnName = req.query.callback;
	// 将函数名称对应的函数调用代码返回给客户端!
	// const data = JSON.stringify([{name: "lvhang"},{test: "如果你能看到这条消息,说明你已经解决了同源的问题!你用的或许是jsonph or CROS但是,这已经不重要了!"}]);
	// const result = fnName + '(' + data + ')';
	// setTimeout( () => {
	// }, 1000)
	// res.send(result)

// 在jsonp的内部就是干的上面的事情!
	res.jsonp({name: 'lvchengxin', age: 20})
})