Ajax跨域(jsonp方式)

 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;
    }
}

猜你喜欢

转载自blog.csdn.net/One_small_yard/article/details/82792822
今日推荐