Struts2+JQuery+JSON实现异步交互
2020-12-13 03:56
标签:des style blog class code java Struts2+JQuery+JSON实现异步交互,包括从后台获得单个值、对象、List和Map数据并从前台的表达中获取值把值进行序列化通过JQuery的$.ajax({})传到后台和后台的对象进行绑定。 第一步:在MyEclipse中创建JavaWeb工厂并把Struts2 和
json的jar包添加到工程中添加完成后的工程图是: 第二步:创建后台: 1. UserInfo实体类:
* 用户实体类
* 2. Action类 action类代码:
* 返回单个值
*
*
* 返回UserInfo对象
*
* 返回List对象
*
* 返回Map对象
*
* 获得对象,也就是通过表达获得对象(异步的)
* 3、struts.xml struts.xml代码: 前台: 1. index.jsp 2. json.js Struts2+JQuery+JSON实现异步交互,搜素材,soscw.com Struts2+JQuery+JSON实现异步交互 标签:des style blog class code java 原文地址:http://www.cnblogs.com/564085446java/p/3729840.htmlpackage struts2jsonjquery.test.entity;
import java.io.Serializable;
/**
*
package struts2jsonjquery.test.action;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import struts2jsonjquery.test.entity.UserInfo;
import com.opensymphony.xwork2.ActionSupport;
public class JsonJqueryStruts2Action extends ActionSupport {
private static final long serialVersionUID = 3518833679938898354L;
private String message; //使用json返回单个值
private UserInfo userInfo; //使用json返回对象
private List
xml version="1.0" encoding="UTF-8" ?>
DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
struts>
package name="default" namespace="/" extends="json-default">
action name="jsontest" class="struts2jsonjquery.test.action.JsonJqueryStruts2Action">
result name="message" type="json">result>
result name="userInfo" type="json">result>
result name="list" type="json">result>
result name="map" type="json">result>
action>
package>
struts>
@ page language="java" pageEncoding="GBK"%>
String path = request.getContextPath();
%>
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
html>
head>
title>Struts2+JQuery+JSONtitle>
meta http-equiv="pragma" content="no-cache">
meta http-equiv="cache-control" content="no-cache">
meta http-equiv="expires" content="0">
meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
meta http-equiv="description" content="This is my page">
script type="text/javascript" src="/js/jquery.js">script>
script type="text/javascript" src="/js/json.js">script>
head>
body>
input id="getMessage" type="button" value="获取单个值"/>
input id="getUserInfo" type="button" value="获取UserInfo对象"/>
input id="getList" type="button" value="获取List对象"/>
input id="getMap" type="button" value="获取Map对象"/>
br>
br>
br>
div id="message">div>
form>
用户ID:input name="userInfo.userId" type="text"/>br/>
用户名:input name="userInfo.userName" type="text"/>br/>
密 码:input name="userInfo.password" type="text"/>br>
input id="regRe" type="button" value="注册"/>
form>
body>
html>
//初始加载页面时
$(document).ready(function(){
//为获取单个值的按钮注册鼠标单击事件
$("#getMessage").click(function(){
$.getJSON("jsontest!returnMessage.action",function(data){
//通过.操作符可以从data.message中获得Action中message的值
$("#message").html(""+data.message+"");
});
});
//为获取UserInfo对象按钮添加鼠标单击事件
$("#getUserInfo").click(function(){
$.getJSON("jsontest!returnUserInfo.action",function(data){
//清空显示层中的数据
$("#message").html("");
//为显示层添加获取到的数据
//获取对象的数据用data.userInfo.属性
$("#message").append("
文章标题:Struts2+JQuery+JSON实现异步交互
文章链接:http://soscw.com/index.php/essay/28559.html