[JavaWeb基础] 017.Struts2 和 ajax交互简介

在网页开发中，我们为了只对网页的某块内容进行实时更新，而不对其他不需要更新的内容进行刷新，从而提高响应速度和节省流量，我们采用了页面的异步刷新技术Ajax，那么我们的Struts2框架在这一方面是如何实现的呢，其实也很简单，下面我带大家一起了解下。

1.首先我们需要导入两个依赖包json-lib 和 struts2-json-plugin，这是对json支持的解析包。

2.我们需要创建一个Action类，和其他的都一样

package com.babybus.sdteam.action;

import java.util.List;

import com.babybus.sdteam.bo.ManageServlet;
import com.babybus.sdteam.vo.Student;
import com.opensymphony.xwork2.Action;
import com.opensymphony.xwork2.ActionSupport;

public class QueyUserAjaxAction extends ActionSupport implements Action {

	/**
	 *
	 */
	private static final long serialVersionUID = 1L;
	private String searchname;
	private List<Student> resultList;

	public String getSearchname() {
		return searchname;
	}

	public void setSearchname(String searchname) {
		this.searchname = searchname;
	}

	public List<Student> getResultList() {
		return resultList;
	}

	public void setResultList(List<Student> resultList) {
		this.resultList = resultList;
	}

	public String loadUserInfo() throws Exception {

		Student querystudent = new Student();
		querystudent.setStudentname(searchname);
		ManageServlet manageServlet = new ManageServlet();
		// 查询结果集合
		this.resultList = manageServlet.getStudentByCondition(querystudent);

		return "userInfo";
	}

}

2.配置struts.xml,首先要注意的是package中的extends要改成json-default，返回的result要是json格式的

<package name="MyWebProject1" namespace="/" extends="json-default">
  <action name="queyuserajax" class="com.babybus.sdteam.action.QueyUserAjaxAction" method="loadUserInfo">
      <result name="userInfo" type="json" ></result>
  </action>
</package>

3.前端页面的ajax调用方法

function queryUserInfo()
  {
    var queryName = $("#searchText").val();

      $.ajax({
          url:‘queyuserajax.action‘,
          type:‘post‘,
          data:"searchname=" + queryName,
          dataType:‘json‘,
          success:function (data) {
                var innerhtml = "<tr><th>uid</th><th>学生姓名</th><th>年龄</th><th>班级</th><th>操作</th></tr>";
                if(data.resultList && data.resultList.length > 0)
                {
                    $("#resultTable").html("");
                    $(data.resultList).each(function (i, value) {
                      innerhtml += "<tr>";
                      innerhtml += "<td>" + value.id + "</td> ";
                      innerhtml += "<td>" + value.studentname+ "</td> ";
                      innerhtml += "<td>" + value.age+ "</td> ";
                      innerhtml += "<td>" + value.classname+ "</td> ";
                      innerhtml += "<td><a href=‘AddUser.jsp?id=" + value.id + "‘>修改</a>|";
                      innerhtml += "<a href=‘Mangage?method=del&userid=" + value.id + "‘ onclick=‘return confirm(‘确定要删除么？‘)‘ }>删除</a></td>";
                      innerhtml += "</tr> ";
                    });
                }
                $("#resultTable").html(innerhtml);
          }
      });
  }

4.从以上几步我们就可以完成ajax和struts2的交互了。

本站文章为宝宝巴士 SD.Team原创，转载务必在明显处注明：（作者官方网站：宝宝巴士)

转载自【宝宝巴士SuperDo团队】 原文链接: http://www.cnblogs.com/superdo/p/4805790.html