案例:利用jsonp请求百度接口

2020-02-16  本文已影响0人  kino2046

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <script src="jsonp.js"></script>

    <title>Document</title>

</head>

<body>

    <h1>百度搜索</h1>

    <input type="text" class="myinput" />

    <div class="exchange"></div>

</body>

<script>

// console.log(ajax);

document.querySelector(".myinput").onblur = function(){

    ajax({

        url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",

        dataType:"jsonp",

        data:{

            wd:this.value

        },

        success:function(res){

            let data = res.s;

            let html = "<ul>";

            data.forEach(v=>{

                html += "<li>"+v+"</li>";

            })

            html += "</ul>";

            document.querySelector(".exchange").innerHTML = html;

        }

    })

}

</script>

</html>

上一篇 下一篇

猜你喜欢

热点阅读