发送jsonp请求(前后端如何实现)
$.ajax({
url: '/api/jsonp',
type: 'get',
data: { id: '123' },
dataType: 'jsonp',
jsonp: 'cb',
jsonpCallback: 'successfn',
contentType: "application/json; charset=utf-8",
success: function(response) {
console.log(response);
}
})
function successfn(res) {
console.log(res)
}
import java.util.Arrays;
import java.util.HashMap;
import java.util.Map;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.alibaba.fastjson.JSON;
@RestController
@RequestMapping("/api")
public class JsonpController {
@GetMapping("/jsonp")
public String test(@RequestParam("cb")String cb, @RequestParam("id")String id) {
Map<String, Object> map = new HashMap<String, Object>();
map.put("code", 200);
map.put("data", Arrays.asList(new String[]{"1","2","3"}));
String result = JSON.toJSONString(map);
return cb+"("+result+")";
}
}