Jquery.Ajax jsonp跨域请求,jsp页面响应

最新推荐文章于 2021-10-01 16:30:20 发布

置顶 JeremyChenX

最新推荐文章于 2021-10-01 16:30:20 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/NobodyCanHelpMe/article/details/44081045

版权

html代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <title>聊天</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="./js/jquery-1.10.1.js"></script>
    <script>
        $(function () {
            $.ajax({
                url: 'http://localhost:8080/TestServlet/index.jsp',
                type: 'get',
                dataType: 'jsonp',
                //jsonpCallback:'success_jsonpCallback',
                data: {
                    username: 'chenchao'
                },
                success: function (json) {
                   alert(json);
                },
                error : function(XMLHttpRequest, textStatus, errorThrown){
                   alert(textStatus);
                }
            });
        });
    </script>
</head>

<body>


</body>


</html>

JSP代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%  
//获取Jquery自动生成的callback 函数名称
String callbackName = request.getParameter("callback");
//要返回的json格式数据
String jsonData = "{\"name\":\"chenchao\"}";
//设置返回的数据类型
response.setContentType("text/javascript;charset=gb2312");
//执行callback函数名称字符串
String jsonp = callbackName + "(" + jsonData + ")";
//返回输出
out.println(jsonp);
%>