jquery 跨域请求 Java

最新推荐文章于 2024-08-04 11:07:52 发布

阳光下的小鱼

最新推荐文章于 2024-08-04 11:07:52 发布

阅读量101

点赞数

分类专栏： Ext应用文章标签： java json javascript ViewUI

本文链接：https://blog.csdn.net/xubaoyong/article/details/84213466

版权

Ext应用专栏收录该内容

11 篇文章 0 订阅

订阅专栏

最近项目需要使用jquery跨域请求，于是就研究了一下。终于成功了。这里把代码写出来分享一下。

需要注意，jquery跨域需要前后台合作的。

客户端

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="common/jquery-1.4.4.min.js"></script>
</head>
<body>
<input type="button" value="test" οnclick="testfn()">
</body>
<script type="text/javascript">
function testfn()
{

$.ajax({
type : "get",
//async:false,
url : "http://www.test.com:8081/newcqa/indexutil/test",

dataType : "jsonp",
jsonp: "callbackparam",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"ajaxTestFn",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
success : function(json){
alert(json["test"]);
},
error:function(){
alert('fail');
}
});

}
function ajaxTestFn(json)
{
alert(22+" ---"+json);
}

</script>
</html>

服务端代码

@RequestMapping(value = "/test")
	public void test(HttpServletRequest request,
			HttpServletResponse response, ModelMap model) throws IOException
	{
		JSONObject json = new JSONObject();
		String callbackFunName  = request.getParameter("callbackparam");
		json.put("test", true);
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
        out.write(callbackFunName +"("+json.toString()+")");
	}

阳光下的小鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 跨域请求 Java

最近项目需要使用jquery跨域请求，于是就研究了一下。终于成功了。这里把代码写出来分享一下。需要注意，jquery跨域需要前后台合作的。客户端&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBL...
复制链接

扫一扫

专栏目录