AJAX-----08jsonp跨域请求

jsonp跨域请求其实我个人感觉并非传统上的ajax,因为传统的ajax几乎都是采用了xmlhttprequest这个对象来进行发送数据或者接收数据而已,

而jsop是通过双方约定成一个接口文件,然后用一个函数对她进行请求,和用一个函数来对她进行接收处理罢了,

那么我们这次来实现一个“机器人系统”来玩玩,废话不多说,看代码即可:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function check(){
            var ck = document.getElementsByName('cont')[0].value;
            var url = "http://op.juhe.cn/robot/index?info=+"+ ck +"+&key=948e0d0555f30e3a4214e7dee98f6935&callback=aa"
            //alert(url);
            var str = document.createElement('script');
            str.setAttribute('src', url);
            document.getElementsByTagName('head')[0].appendChild(str);
        }

        function aa(res){
            //console.log(res);
            document.getElementById('ok').innerHTML = res.result.text;
        }
    </script>
</head>
<body>
    <input type="text" name="cont">
    <input type="button" value="search" onclick="check();">
    <div id="ok"></div>
</body>
</html>

效果如下所示:

原文地址:https://www.cnblogs.com/leigood/p/6040284.html