zoukankan      html  css  js  c++  java
  • 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>

    效果如下所示:

  • 相关阅读:
    非vue-cli的花括号闪现问题
    vue中实现图片全屏缩放预览,支持移动端
    vue 图片预览插件
    angular.uppercase()
    angular.toJson()
    angular.module()
    对AngularJs的简单了解
    jQuery的属性、遍历和HTML操作
    JQuery函数
    JQuery的选择器
  • 原文地址:https://www.cnblogs.com/leigood/p/6040284.html
Copyright © 2011-2022 走看看