JSONP跨域,CORS跨域,Hybrid APP跨域

前端之家收集整理的这篇文章主要介绍了JSONP跨域,CORS跨域,Hybrid APP跨域前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JSONP

  1. jsonp: function(url,callbackFunc,data) //跨域请求 {
  2.  
  3. var data = arguments[2] ? arguments[2] : {}; //默认参数为空
  4.  
  5.  
  6. if(url != '' && callbackFunc != '') {
  7. $.ajax({
  8. type: 'get',dataType: 'jsonp',url: url,jsonp: "callback",jsonpCallback: callbackFunc,data: data,async: true,success: function(data) {
  9. console.log('跨域请求成功');
  10.  
  11.  
  12. },error: function() {
  13.  
  14. console.log('跨域请求失败');
  15.  
  16.  
  17. }
  18. });
  19.  
  20. } else
  21. alert('URL,回调函数不能为空');
  22.  
  23. }
  24. function callbackFunc(res) {
  25.  
  26. //do something
  27. }
  28. //配合后台返回字符串函数
  29.  
  30. echo 'callbackFunc({age:18})';//callbackFunc为自己定义的名称, 返回这个之后会在前端调用对应的函数,所以要在前端写响应的函数

CORS跨域

  1. //最简单的写法就是在响应头部增加信息:Access-Control-Allow-Origin: *
  2. //*默认所有域都可以请求,指定的话:Access-Control-Allow-Origin: http://www.xxxx.com
  3.  
  4. 前端请求按照正常的AJAX请求即可
  5.  
  6. 目前自己随手测过的可以使用的浏览器有:360,IE8+,chrome

Hybrid APP跨域

  1. request: function(url,data,callback,type) {
  2. xhr = new plus.net.XMLHttpRequest();
  3. type = arguments[3] ? arguments[3] : 'GET';
  4. data = arguments[1] ? arguments[1] : '';
  5. xhr.onreadystatechange = function() {
  6. switch(xhr.readyState) {
  7. case 4:
  8. if(xhr.status == 200) {
  9. callback(JSON.parse(xhr.responseText));
  10.  
  11. } else {
  12. alert("xhr请求失败:" + xhr.readyState);
  13. }
  14. break;
  15.  
  16. }
  17. }
  18. switch(type.toUpperCase()) {
  19. case 'GET':
  20. xhr.open(type,url + '?' + data);
  21. xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  22. xhr.send();
  23. break;
  24.  
  25. case 'POST':
  26. xhr.open(type,url);
  27. xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  28. xhr.send(data);
  29. break;
  30. }
  31.  
  32. }

猜你在找的Json相关文章