jq-跨域请求

来源：互联网发布：在淘宝上怎么修改评价编辑：程序博客网时间：2024/06/05 10:27

在使用的时候，常用的是跨域请求：

跨域问题解决方案：

1.使用script标签,及json数据需要赋值给变量
e.g : <script type="text/javascript" src="http://169.254.4.210/dish.json"></script>
e.g : var json={"Id":2,"name":"豆角炒肉"};

2.使用ajax请求
jquery 的跨域请求

注意： 1) 设置datatype为jsonp ,jsonp 为callback,其次为callback设置返回函数
2）这里的callback函数名是已经存在的解析函数,例如go,这个存在，
则下面的success方法不会执行。
3) 最后是json数据封装的时候，必须用函数名称来封装,例如下面列子中

 e.g :   json数据封装格式：go({"Id":2,"name":"豆角炒肉"}); function go(json){  console.log(json.length);  for(var j=0;j<json.length;j++){     console.log(json[j].context);  } }   $(function(){    console.log('jquery 执行了');  $.ajax({     type:"get",   async:false,   url:'http://169.254.4.210/dish.json',   dataType:"jsonp",   jsonp:'callback',   callback:'go',    success:function(data){       }    });});

3.第三种方式是动态的添加 script 标签。

e.g :封装创建script的函数  function getJson(url){   var script=document.createElement('script');   script.type='text/javascript';   script.src=url;   document.head.appendChild(script); }

调用：1）直接调用，调用后延迟解析，因为创建后需要加载（不推荐），

json数据封装为第一种格式; e.g :

     getJson('http://169.254.4.210/dish.json');            setTimeout(function(){              for(var j=0;j<json.length;j++){                  console.log(json[j].name);                   }             },2000);

2）直接调用，在url里添加callback函数名,使用方便，需要声明
解析函数，数据封装格式为第2种方式

    function go(json){                  console.log(json.length);                  for(var j=0;j<json.length;j++){                     console.log(json[j].context);                    }            }

0 0