jsonp 的使用例子

后端 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


<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
<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>

你可能感兴趣的:(前端)