美文网首页
jsonp实例之-百度搜索

jsonp实例之-百度搜索

作者: 谷子多 | 来源:发表于2018-01-19 17:54 被阅读0次

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

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

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

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

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

    总结一下本案例 :

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

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

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

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

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

    回顾一下过程 : 

    相关文章

      网友评论

          本文标题:jsonp实例之-百度搜索

          本文链接:https://www.haomeiwen.com/subject/jbtaoxtx.html