JQuery jsonp调用

来源：互联网发布：lua web 知乎' 编辑：程序博客网时间：2024/05/29 17:38

服务器端

服务器端要返回一个字符串给js调用

@RequestMapping(value="/cb")@ResponseBodypublic JSONObject returnCallback(HttpServletRequest request){    String cb = request.getParameter("callback");    JSONObject json = new JSONObject();    json.put("success",cb);    return json;}

HTML页面

页面发送请求并处理返回的结果

<html> <head>  <title> new document </title>  <script src="jquery-1.7.2.min.js"></script>  <script>    function getJsonUtf8(url,data,callbackFn){        $.ajax({            dataType:"jsonp",            url:url,            data:data,            jsonp:"callback",//callback为关键字            async:true,            contentType:"application/jsonp;charset=utf-8",            success:function(json){                if(json){                    callbackFn&&callbackFn(json);                }else{                }            },            error:function(err){            }        });    }$(function(){    var url = '远程url';    getJsonUtf8(url,{},function(res){        alert(res);    });});  </script> </head> <body> </body></html>

0 0