jsonp实例之-百度搜索

2018-01-19  本文已影响0人  谷子多

抓数据步骤 : 在百度中输入内容

cb是后端为了前端jsonp的函数名随便起名字用的,这个名字可以随意起。你可以将后面的字符串任意改成你想要的,wd后面拼接你自己输入的内容 这是最后的版本

这个时候我们可以看到,head里插入了很多的script标签。

所以在插入之后需要删除,最后在代码中添加一步:

只要你的script标签插入到了页面,那么这次请求就已经成功了,只要后端接收到了请求,如果能够返回你一个函数名({数据}),无论你什么时候删除这个script,都可以拿到数据,在你插入数据后立马删除都是没有问题的,现在的新版本jQuery也是这样做的。

总结一下本案例 :

后台这里的数据都是函数名({数据}),参见百度jQuery1102009033768371071726_1516356101292({"errNo":"0","content": []})

然后前端需要做的就是在你这里定义一个函数,参数就是上面这个数据的实参,当发生调用数据的时候,1==》新建一个script, 2==>这个script的src是这个数据地址,3==》将第一步新建的script标签插入到head里,完成这三步,实际上就是调用了这个数据函数。

这个时候,可以打印一下你自己定义

的函数的data,就可以看到具体数据:

然后将获取的数据具体操作就可以了。

回顾一下过程 : 

上一篇 下一篇

猜你喜欢

热点阅读