美文网首页
JSONP请求几个网站

JSONP请求几个网站

作者: threestar | 来源:发表于2017-04-27 21:51 被阅读0次

通过jsonp跨域请求
百度:

<body>
    <input type="text">
    <ul></ul>
</body>
<script>
    $(()=>{
        $('input').keyup(()=>{
            $('input').html('')
            $.ajax({
                url:'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',
                data:{wd:$('input').val()},
                dataType:'jsonp',
                jsonp:'cb', 
                //jsonCallback:如果是jQuery110206957733391272367_1493297647266 则不用写都是用的jq
                success(r){
                    $('ul').html('')
                    console.log(r)
                    $.each(r.s,(i,v)=>{
                        $(`
                            <li>${v}</li>
                            `).appendTo($('ul'))
                    })
                }
            })
        })
    })
</script>

搜狗(没有回调函数)
如果抓取到的地址没有cb=xxx或者callback=xxx,
就要把地址栏?之前的地址打开,看一下他的函数调用格式
然后自己在script里定义一遍

<body>
    <input type="text">
    <ul></ul>
</body>
<script>
    window.sogou={
        sug:function(r){
            $('ul').html('')
            console.log(r);
            $.each(r[1],(i,v)=>{
                $(`<li>${v}</li>`).appendTo('ul')
            })
        }
    }
    $(()=>{
        $('input').keyup(()=>{
            $('input').html('')
            $.ajax({
                url:'https://www.sogou.com/suggnew/ajajjson',
                data:{key:$('input').val(),type:'web'},
                dataType:'jsonp',
                // jsonp:'cb', 
                //jsonCallback:如果是jQuery110206957733391272367_1493297647266 则不用写都是用的jq
                
            })
        })
    })

</script>

相关文章

  • JSONP请求几个网站

    通过jsonp跨域请求百度: 搜狗(没有回调函数)如果抓取到的地址没有cb=xxx或者callback=xxx,就...

  • 前端 JSONP 原理及 Node 模拟 JSONP

    1、关于 JSONP 请求的注意项 a、JSONP 请求只支持 GET 形式 b、JSONP 请求返回的是一个自定...

  • ionic 京东项目笔记

    ionic 使用jsonp网络请求注意事项 jsonp请求后面务必需要拼接上&callback=JSONP_CAL...

  • JSONP

    JSONP JOSNP分为请求方和响应方,请求方就是一个网站的前端(浏览器),响应方是另一个网站的后端(服务器),...

  • JSONP、JQuery发送AJAX、JSONP请求

    1.JSONP 2.JQuery发送AJAX、JSONP请求 1.JSONP JSONP利用JavaScript...

  • javasscript - 收藏集 - 掘金

    jsonp 跨域请求详解——从繁至简 - 前端 - 掘金什么是jsonp?为什么要用jsonp?JSONP(JSO...

  • angular中封装好的jsonp跨域

    1. 1.2使用创建好的jsonp发送请求 2. 2.2使用创建好的jsonp发送请求

  • 2019-11-12--钉钉手机端

    问题: 手机端无法支持自动授权,获取不到 jsonp 请求的结果 解决: jsonp 请求链接加上时间戳 原因: ...

  • jsonp解决ajax跨域的原理

    1.jsonp只能解决GET类型的ajax请求跨域问题2.jsonp请求不是ajax请求,而是一般的get请求3....

  • lesson35-JSONP

    为什么JSONP不支持POST请求? 因为JSONP是通过动态创建 实现的 动态创建 无法发起POST请求

网友评论

      本文标题:JSONP请求几个网站

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