jQuery应用初探

最新推荐文章于 2025-12-04 16:02:23 发布

最新推荐文章于 2025-12-04 16:02:23 发布 · 134 阅读

文章标签：

#jQuery #应用服务器 #Ajax #json #Struts #ViewUI

本文介绍了一个使用jQuery的AJAX技术实现客户端与服务器交互的具体案例。通过Struts框架处理请求，并利用JSON格式交换数据。

1. jQuery要与服务器端交互，就得用到AJAX技术。其中提交数据至服务器的方式包括:$.ajax(),$.post(),$.get();

任何一种方法都能方便地把数据提交到服务端处理，同时也可以接收服务器端返回的数据。通常需要使用JSON来保存数据，然后把数据写入到输出面页中，同时中断任何面页跳转，即，在struts中,所有返回都以null终结。

public String execute() {
	User u = new User();
	u.setName(this.name);
	u.setPassword(this.password);
                //引入json-lib-2.3-jdk
	JSONObject object = JSONObject.fromObject(u);
	JSONArray js = new JSONArray();
	js.add(u);
	HttpServletResponse response = ServletActionContext.getResponse();
	try {
		PrintWriter writer = response.getWriter();
		writer.write(js.toString());
		writer.flush();
		writer.close();
	} catch (Exception e) {
		// TODO: handle exception
		e.printStackTrace();
	}
	return null;
}

在客户端JS程序块，使用指定的ajax接收方法来接收数据：

$.post("./testQuery.action", 
{name:$("#name").val(), password:$("#password").val()}, 
function (data) {
	var ul = eval('('+data+')');
	$("#export span").html("abck:" + ul[0].name );
});

这样，就完成了AJAX与服务器的简单交互。