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>

    效果如下所示:

  • 相关阅读:
    Nodejs Express4.x学习笔记
    OSG学习 错误与心得
    Qt Visual Studio Add-in安装
    OSG安装配置
    钩子
    不要去追一匹马,用追马的时间种草
    intellij Idea 报jdk错误
    flex 安全沙箱问题
    webuploader
    文件上传下载
  • 原文地址:https://www.cnblogs.com/leigood/p/6040284.html
Copyright © 2011-2022 走看看