jsonp 的使用例子

最新推荐文章于 2024-05-20 22:41:35 发布

我是漂亮的女程序员

最新推荐文章于 2024-05-20 22:41:35 发布

阅读量610

点赞数 1

分类专栏：前端

前端专栏收录该内容

14 篇文章

订阅专栏

后端 controller层

//使用jsonp

        @RequestMapping(value = "authCode")
        @ResponseBody
        public String getMobileAuthCode( HttpServletRequest request, String callback)
                throws Exception {
            String result =  "{'ret':'true'}";
            //加上返回参数
            result=callback+"("+result+")";
           return result;
        }

前端 firstjsonp.jsp

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="jquery.min.js"></script>
<script type="text/javascript">

$.ajax({
    url: 'http://192.168.1.9:8080/ssh/sss/authCode',
    type: 'post',
    dataType:'jsonp',
    jsonp: "callback",

    success:function(data){
        alert(data.ret)

    },
    error:function(data){
        $('#sname').html("获取验证码失败，请重试！");

    }
});



</script>


</head>
<body>
 姓名：<input type = "text"  name= "sname" id="sname" >
</body>
</html>