JS 跨域

根据同源策略浏览器会禁止跨域

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
    function show(data){
      console.log(data);
    }

$(function(){
    // $.ajax({
    //     url: 'http://fanyi.youdao.com/openapi.do',
    //     type: 'GET',
    //     dataType: 'json',
    //     data: {
    //         'keyfrom': 'rakustrans',
    //         'key': '1506707246',
    //         'type': 'data',
    //         'doctype': 'json',
    //         'version': '1.1',
    //         'q': 'seti'
    //     },
    // }).done(function(data) {
    //     console.log(data);
    //     notif({
    //         msg: data,
    //         type: "success"
    //     });
    // }).fail(function() {
    //     console.log("error");
    // }).always(function() {
    //     console.log("complete");
    // });

    function show(data){
      console.log(data);
    }
    $.ajax({
      url: 'http://fanyi.youdao.com/openapi.do?keyfrom=rakustrans&key=1506707246&type=data&doctype=jsonp&callback=show&version=1.1&q=API',
      dataType: 'jsonp'
    })
    .done(function() {
      console.log("success");
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });


});


</script>
</body>
</html>

相关阅读:
js小数点失精算法修正
ActiveX控件之ActiveXObject is not defined
js通过日期计算属于星期几
标准日期格式化
js阿拉伯数字转中文大写
RPC 原理的前生今世
大型网站架构系列：20本技术书籍推荐
Zookeeper核心机制
建造者模式
模板方法模式

原文地址：https://www.cnblogs.com/cart55free99/p/3802708.html