Ajax跨域（jsonp方式）

最新推荐文章于 2024-10-27 17:48:32 发布

thewindrises0708

最新推荐文章于 2024-10-27 17:48:32 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/One_small_yard/article/details/82792822

本文介绍了一种使用JSONP实现跨域请求的方法，通过客户端的jQuery $.ajax调用与服务端Spring MVC的JSONPObject响应，展示了如何设置与处理JSONP请求参数及回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.Client

$.ajax({
              type:"get",
              url:"http://localhost:8022/helloDemo2",
              async:true,
              dataType:"jsonp",
              jsonp: "callbackparam", //与服务端约定jsonp名称
              jsonpCallback: "success_jsonpCallback", //服务端返回的回调函数名称
              success:function(data){  //成功的回调函数
                  alert(data);
              },
              error: function (e) {
                  alert("error");
              }
          })

2.Server

import com.fasterxml.jackson.databind.util.JSONPObject;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import java.util.ArrayList;
import java.util.List;

@RestController
public class Test {

    @RequestMapping("/helloDemo2")
    public JSONPObject demo2(@RequestParam("callbackparam") String callbackparam) {
        List<String> list = new ArrayList<>();
        list.add("小米");
        list.add("小明");
        list.add("小红");
        JSONPObject jsonpObject = new JSONPObject(callbackparam, list);
        return jsonpObject;
    }
}