JSONP跨域请求

$(function(){
  $.ajax(    {url: "http://localhost:8081/rest/itemcat/list", 
     success: function(data){
      console.info(data)
   }}); 
 });

XMLHttpRequest cannot load http://localhost:8081/rest/itemcat/list"color: #0000ff">2、模拟JSONP请求

客户端请求代码：


$(function(){
  greateScript("http://localhost:8081/rest/itemcat/list");
  function greateScript(src) {
   $("<script><//script>").attr("src", src).appendTo("body")
  } 
 });


结果：
list"external nofollow" href="http://localhost:8081/rest/itemcat/list">http://localhost:8081/rest/itemcat/list

客户端服务器：http://localhost:8082/test.html
服务端代码（本人使用springmvc4）：


@RequestMapping("/itemcat/list")
 @ResponseBody
 public Object getItemCatList(String callback) {
  CatResult catResult = itemCatService.getItemCatList();
  MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(catResult);
  //设置JSONP回调函数
  mappingJacksonValue.setJsonpFunction(callback);
  return mappingJacksonValue;
 }


客户端调用代码：


$(function(){
  $.ajax(
   { url: "http://localhost:8081/rest/itemcat/list", 
    dataType: "jsonp",
    jsonp: "callback",
    success: function(data){
    console.info(data)
   }}); 
 });


结果：

看返回结果可以发现返回的数据不是一段单纯的json数据，而是一段js函数。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！