jquery ajax demo

最新推荐文章于 2022-04-11 08:27:30 发布

最新推荐文章于 2022-04-11 08:27:30 发布 · 97 阅读

文章标签：

本文介绍了一个使用Ajax和jQuery实现的简单功能，该功能能够通过发送POST请求来更新网页上的图片。具体实现了发送请求到指定URL并接收返回的图片路径，然后将新的图片路径插入到HTML中以显示新图片的过程。

一、页面

function sendForm(){
	$.ajax({
		type : "POST",
		url : "${base}/self/portTraffic/Com_autoRefresh.do",
		data : {showPortPicFlag:"0",portstr:"8360667",picType:"3"},
		dataType : "html",
		async : false,
		success : function(data) {
			$("#imagediv").html("<img src='"+data+"'/>");
		}

	});
}

二、类

public void ajaxdemo(){
	//处理业务

	PrintWriter pw = getPwByText();
	pw.print("返回到页面的String");
	closePw(pw);

/*
* 处理返回类型为string的数据
*/
protected PrintWriter getPwByText() {
	HttpServletResponse response = ServletActionContext.getResponse();
	response.setContentType("text/plain");
	response.setCharacterEncoding("utf-8");
	try {
		PrintWriter pw = response.getWriter();
		return pw;
	} catch (IOException e) {
		e.printStackTrace();
	}
	return null;
}

protected final void closePw(PrintWriter pw) {
	pw.flush();
	pw.close();
}