js获取后台方法中返回参数

最新推荐文章于 2023-04-18 19:46:51 发布

絮絮不休

最新推荐文章于 2023-04-18 19:46:51 发布

阅读量3.5k

点赞数 2

分类专栏：基础常识

本文链接：https://blog.csdn.net/duanml61/article/details/8448202

版权

基础常识专栏收录该内容

33 篇文章 0 订阅

订阅专栏

几个月前，写了一遍记录 js调用后台方法的博客，地址为：http://blog.csdn.net/duanml61/article/details/7912933

一些同学看到之后，发现还是无法满足需求，为此，这篇详解js和后台之间的参数传递问题

第一步：新建一个html页面，引入jquery-1.7.min.js，其他的版本未测试，应该差不多

<!DOCTYPE html>
<html>
<head>
<title>portrait</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript" src="jquery-1.7.min.js"
	type="text/javascript"></script>
</head>

<body>
	
</body>
</html>

第二步：新建servlet，doGet()或doPost()方法中执行相关后台操作，得到返回值

public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out = response.getWriter();
		String userPortrait = portraitHandle.queryPortraitSet(request
					.getParameter("jid"));
		out.print(userPortrait);
	}

out.print(userPortrait);这句将后台得到的userPortrait参数传到js回调函数中

第三步：写ajax方法

function initUserPortrait() {
		$.ajax({
			type : "POST",
			async : false,
			contentType : "application/json",
			url : "PortraitServlet",
			dataType : 'text',
			success : function(data) {
				document.getElementById("portrait").src = data;
			}
		});
	}

很短很简单……完

p.s.这篇应该2012最后一篇博客了，但愿新的2013年能够幸运些，找到一份好工作~~

dml@2012.12.28

絮絮不休

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
js获取后台方法中返回参数

几个月前，写了一遍记录 js调用后台方法的博客，地址为：http://blog.csdn.net/duanml61/article/details/7912933一些同学看到之后，发现还是无法满足需求，为此，这篇详解js和后台之间的参数传递问题第一步：新建一个html页面，引入jquery-1.7.min.js，其他的版本未测试，应该差不多portrait<scr
复制链接

扫一扫