• 注册
当前位置:1313e > ajax >正文

ajax跨域请求jsonp完整示例

最经用到jsonp(ajax)的跨域请求,在这分享给大家,有需要用到的一看就能明白。具体步骤如下:

1.首先客户端即页面script中调用代码如下:

        var cardNumber="***********";$.ajax({type:"GET",url:'你请求的服务地址?idCard='+cardNumber,dataType: 'jsonp',jsonp: "callback",data:{},async:true,error:function(XMLHttpReuqest,textStautus){alert(XMLHttpRequest.status);alert(textStautus);},success:function(result){alert("4444444");}});

这个写法需要引用Jquery(

这个跨域暂时只能用GET方法,post据我所知好像不支持,idCard是你的参数。

2.服务端java的写法及返回示例:

@RequestMapping(value="risk",produces = MediaType.APPLICATION_JSON_UTF8_VALUE,method = RequestMethod.GET)
public String getCredit(){String idCard=request.getParameter("idCard");String callback=request.getParameter("callback");System.out.println("callback==:"+callback);System.out.println("idCard===="+idCard);Map map=new HashMap();map.put("name", "hello word!");JSONObject json=JSONObject.fromObject(map);String str=callback+"("+json+")";return str;
}

记住这里的callback一定要和ajax中的jsonp的值统一,到这基本上就完成了,前端访问,后端输出如下:


一个简单的ajax跨域请求也就完成了,有帮助到你不要忘了点击关注哦!!

我会持续更新一些小技能。。。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录