博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决ajax跨域问题(转自六只)
阅读量:5283 次
发布时间:2019-06-14

本文共 1230 字,大约阅读时间需要 4 分钟。

跨域:

JQuery的ajax有jsonp可以用来解决跨域的问题。

$(document).ready(function(){       var url='http://localhost:8080/WorkGroupManagment/open/getGroupById"           +"?id=1&callback=?';       $.ajax({         url:url,         dataType:'jsonp',         processData: false,         type:'get',         success:function(data){           alert(data.name);         },         error:function(XMLHttpRequest, textStatus, errorThrown) {           alert(XMLHttpRequest.status);           alert(XMLHttpRequest.readyState);           alert(textStatus);         }});       });
json格式:
  {        "message":"获取成功",        "state":"1",        "result":{"name":"工作组1","id":1,"description":"11"}    }
jsonp格式:
callback({        "message":"获取成功",        "state":"1",        "result":{"name":"工作组1","id":1,"description":"11"}    })

在url中callback传到后台的参数是神马callback就是神马,jsonp比json外面有多了一层,callback()。

var url="http://localhost:8080/WorkGroupManagment/open/getGroupById"        +"?id=1&callback=?";    $.jsonp({      "url": url,      "success": function(data) {        $("#current-group").text("当前工作组:"+data.result.name);      },      "error": function(d,msg) {        alert("Could not find user "+msg);      }    });

 

 

转载于:https://www.cnblogs.com/Watcher/p/3592208.html

你可能感兴趣的文章
cs20_3-3
查看>>
codevs1074 食物链
查看>>
少量标签下的模型
查看>>
17.python购物车程序作业
查看>>
lightoj 1027【数学概率】
查看>>
Apparmor——Linux内核中的强制访问控制系统
查看>>
HOJ-1005 Fast Food(动态规划)
查看>>
jQuery 杂项方法
查看>>
系出名门Android(4) - 活动(Activity), 服务(Service), 广播(Broadcast), 广播接收 器(BroadcastReceiver)...
查看>>
Dynamics CRM Microsoft SQL Server 指定的数据库具有更高的版本
查看>>
C++学习基础九——继承
查看>>
android - anim translate中 fromXDelta、toXDelta、fromYDelta、toXDelta属性
查看>>
FasfDFS整合Java实现文件上传下载
查看>>
love2d教程5--摄相机1视角跟随玩家
查看>>
MonGoDB问题笔记
查看>>
用Hadoop构建电影推荐系统
查看>>
Linux命令1——a
查看>>
u-boot-2016.01移植(一)
查看>>
同花顺核新下单程序的"界面不操作超时时间"的设定
查看>>
Python学习:类和实例
查看>>