利用jQuery获取jsonp

寻技术 JS脚本 / JQuery 2023年07月11日 144

前端js代码:

$.ajax({
   url: 'http://localhost:8080/webApp/somejsonp',
   dataType: "jsonp",
   jsonp: "callback",
   success: function (data) {
       console.log(data)
   }
})

服务端代码:

本例采用java实现  使用的springmvc伪代码

 private boolean ifJsonp(HttpServletRequest request,HttpServletResponse response,Map<String, Object> map) throws Exception{
  // jsonp
  String callback = request.getParameter("callback");
  if(StringUtils.isNotBlank(callback)){
   callback = callback.trim();
   request.setAttribute("data", map);
   request.setAttribute("callback", callback);
   request.getRequestDispatcher("/jsonpData").forward(request, response);
   return true;
  }
  return false;
 }
@RequestMapping("/jsonpData")
 public @ResponseBody String genJasonData(HttpServletRequest request,HttpServletResponse response){
  Object data = request.getAttribute("data");
  String callback = (String) request.getAttribute("callback");
  if(data==null||StringUtils.isBlank(callback)){
   return "{\"result\":\"-1\",\"message\":\"未知错误\"}";
  }
  try {
   response.setContentType("application/x-javascript;charset=UTF-8");
   response.setCharacterEncoding("UTF-8");
   response.getOutputStream().write((callback+"(").getBytes());
   JsonGenerator generator = this.objectMapper.getJsonFactory().createJsonGenerator(response.getOutputStream(), JsonEncoding.UTF8);
   this.objectMapper.writeValue(generator, data);
   response.getOutputStream().write((")").getBytes());
  } catch (Exception e) {
   return "{\"result\":\"-1\",\"message\":\"未知错误\"}";
  }
  return null;
 }

服务端使用:

    @RequestMapping(value = "/somejsonp")
    public Map<String, Object> findRcbChannelTabsInRecordID(HttpServletRequest request,HttpServletResponse response) throws Exception{
        List list = new ArrayList();
        Map<String, Object> map = new HashMap<String, Object>();try {
            list = service.queryData(map);//要查询的数据  
        } catch (Throwable t) {
           
        }
        
        map.put("Data", list);// jsonp
        if(ifJsonp(request, response, map)){
            return null;
        }
        
        return map;
    }

 

来源更多请参考:http://www.cnblogs.com/lemontea/archive/2012/12/11/2812268.html

关闭

用微信“扫一扫”