毕业设计---json,Struts,ajax以及JQuery简单案例
<!-- Struts2的xml文件配置 -->
<struts>
<package name="default" namespace="/" extends="json-default" > <!-- 这里必须要继承json-default类 -->
<action name="JsonAction" class="com.simpleton.demo.action.JsonAction" method="executeAjax">
<result type="json">
<param name="root">result</param>
</result> <!-- 因为这里不是用result返回具体的视图，而是要返回json数据，所以这里的type是json -->
</action>
</package>
</struts>
action类：
package com.simpleton.demo.action;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map; import javax.servlet.http.HttpServletRequest; import net.sf.json.JSONObject; import com.opensymphony.xwork2.ActionSupport; public class JsonAction extends ActionSupport{
private static final long serialVersionUID = 1L;
private String result;
private String name;
private String age;
private String position; /**
* 处理Ajax请求
* */ public String executeAjax(){ System.out.println(name);
Map<String,Object> map = new HashMap<String, Object>();
map.put("name", name);
map.put("age", age);
map.put("position", position); JSONObject json = JSONObject.fromObject(map);
result = json.toString();
System.out.println(result);
return SUCCESS;
} public String getResult() {
return result;
} public void setResult(String result) {
this.result = result;
} public String getName() {
return name;
} public void setName(String name) {
this.name = name;
} public String getAge() {
return age;
} public void setAge(String age) {
this.age = age;
} public String getPosition() {
return position;
} public void setPosition(String position) {
this.position = position;
}
}
html页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>n.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
function btn(){
var $btn = $("#btn");
$btn.bind("click",function(){
$.ajax({
type:"post",
url:"JsonAction",
data:{
name:$("input[name='name']").val(),
age:$("input[name='age']").val(),
position:$("input[name='position']").val()
},
dataType:"json",
success:function(data){
var d = eval("("+data+")"); $("#s_name").text(""+d.name+"");
$("#s_age").text(""+d.age+"");
$("#s_position").text(""+d.position+"");
},
error:function(){
alert("错误");
}
});
});
} $(document).ready(function(){
btn();
});
</script>
</head> <body>
<div id="div_json">
<h5>录入数据</h5>
<br>
<form action="JsonAction" method="post">
<label for="name">姓名</label><input type="text" name="name" />
<label for="age">年龄</label><input type="text" name="age" />
<label for="position">职务</label><input type="text" name="position" />
<input type="button" id="btn" class="btn" value="提交结果">
</form>
<br>
<ul>
<li>姓名<span id="s_name">暂无数据</span></li>
<li class="li_layout">年龄<span id="s_age">暂无数据</span></li>
<li class="li_layout">职务<span id="s_position">暂无数据</span></li>
</ul> </div>
</body>
</html>
这个案例简单了实现了利用jQuery以及ajax进行html页面与struts之间的数据交互，摆脱了以前一直应用的jsp页面。
毕业设计---json,Struts,ajax以及JQuery简单案例的更多相关文章
- jQuery 简单案例
案例一:全选.反选.取消实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- json数据格式的简单案例
json数据是一种文本字符串,它是javascript的原生数据格式,在数据需要多次重复使用时,json数据是ajax请求的首先.(注:ajax返回的数据格式支持三种分别为:文本格式,json.和xm ...
- struts2：使用JQuery、JSON和AJAX处理请求
目的 在struts2中使用JQuery.JSON.AJAX等技术处理用户请求,并返回结果.返回结果可以是以JSONObject的方式返回,也可以是以JSONArray方式返回结果. 实现 1. 创建 ...
- JQuery中Ajax详细参数使用案例
JQuery中Ajax详细参数使用案例 参考文档:http://www.jb51.net/shouce/jquery1.82/ 参考文档:http://jquery.cuishifeng.cn/jQu ...
- Ajax与ashx异步请求的简单案例
Ajax与ashx异步请求的简单案例: 前台页面(aspx): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...
- JSON 在Ajax数据交换中的简单运用
随着浏览器内核更新,原先的json.js在最新的谷歌浏览下不管用了,运行报错,特此修改下代码,不使用json.js,使用Object自带的json转换方法,修改时间,2016年10月26日. 首先需要 ...
- asp.net——Ajax与ashx异步请求的简单案例
Ajax与ashx异步请求的简单案例: 前台页面(aspx): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...
- js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步（open的post方式send函数带参数）（post请求和get请求区别：get：快、简单 post：安全，量大，不缓存）（服务器同步和异步区别：同步：等待服务器响应当中浏览器不能做别的事情）（ajax和jquery一起用的）
js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快.简单 post:安全,量大,不缓存)( ...
- 原生js实现ajax与jquery的ajax库，及json
这是一篇笔记博客, Ajax: 和服务器进行数据交换(异步) 用js实现复杂的原理:用于发送请求的对象在不同的浏览器中是不同的 同源策略:ajax发送请求的url地址与服务器地址必须是同一域名,协议, ...
随机推荐
- jquery1.9 下检测浏览器类型和版本的方法
Jquery1.9版本中$.browser已被剔除: 判断浏览器类型: 复制代码 代码如下: $.browser.mozilla = /firefox/.test(navigator.userAgen ...
- unlimited 控制
- Moleskine智能笔+专用本：写完随时传到手机
http://www.totiot.com/61805.html Moleskine公司生产的速写本和速写板一直是涂鸦爱好者和速记员们的首选.该公司还联合Adobe. Livescribe. Ever ...
- [Java123] JBoss
https://blog.csdn.net/taogebx/article/details/4620760
- WorldWind源码剖析系列：可渲染对象列表类RenderableObjectList
可渲染对象列表类RenderableObjectList用来存储与一个星球体相关联的全部的可渲染对象,继承自可渲染对象类RenderableObject.RenderableObjectList的类图 ...
- Python2.7-operator
operator 模块,没有什么特殊的,简单说就是把常用的数学计算符号(+,-,*,**,/,<<,>>等)逻辑运算(or,and,xor,is,is_not)等以函数形式表示 ...
- Properties类和如何操作属性
Properties类继承关系java.lang.Object java.util.Dictionary<K,V> java.util.Hashtable<Object, ...
- JAVA springmvc+spring+mybatis整合
一.springmvc---controller spring----service mybatiss---dao pring(包括springmvc).mybatis.mybatis-sprin ...
- C. Greedy Arkady
kk people want to split nn candies between them. Each candy should be given to exactly one of them o ...
- bash 定时任务
time1=$(date +%s -d '2014-01-13 22:46:05') for((;;)) do time2=$(date +%s) time3=$((time1 - time2)) ] ...