JSONP跨域详解 + 模拟百度搜索，web后端开发框架

那么，我们如何告诉服务器getData()这个函数呢？如果我们每次都固定是getData(),我们的开发会很死板，就不能定义其他函数名字。实际上，我们可以通过get请求将我们前端定义的函数名字通过参数告诉后端，后端动态生成这样的一个脚本文件并返回给函数的调用就可以。

百度就有一个这样的接口，我们一起来看看。

打开浏览器百度页面，打开调试工具，看一下NETwork标签下面会监听所有关于浏览器向服务器发送的http请求并查看数据。

在搜索框键入“b”，请求如图：

请求得到的关键字为：

这里的callback函数其实是jquery生成的一个全局函数。得到这个URL后，我们可以保存其有用的信息，并将回调函数换成别的函数：

https://www.baidu.com/sugrec?pre=1&wd=b&req=2&csor=1&cb=getData();

将其输入到地址栏中进行测试：

可以发现，这个回调函数就变成了我们设置的。