Struts 2 Jquery 实现Ajax功能
2013-09-05 20:24
363 查看
我用MyEclips教程e工具自带的功能导入jar的时候,默认这个jsonplugin就已经被导入了,所以只需要在Myeclipse看看,是不是已经导入了这个包,如果已经有了,那么就不用导入了。好,回到正题。上次说到这是获取一个值,那么如果是一个对象呢?一个集合呢?public class Book
{
private String bookName;
private String author;
//此处省略这两个成员变量的getter 和setter
public Book(){}
public Book(String bookName,String author)
{
this.bookName=bookName;
this.author=author;
}
}
Action内容public class TestAction extends ActionSupport
{
private Book book;
private List<Book> bookList;
public String execute()
{
bookList=new ArrayList<Book>();
book=new Book();
book.setBookName("三十天");
book.setAuthor("Blak");
list.add(new Book("世界第一等","是是"));
list.add(new Book("一直很安静","阿桑"));
list.add(new Book("Struts 2","me"));
}
} struts.xml<package name="ajax" extends="json-default">
<action name="testjson" class="action.TestJsonAction">
<result type="json">result</result>
</action>
</package>页面内容<html>
<head>
<title>testJson</title>
<script type="texxt/网页特效" src="js/jquery.js"></script>
<script type="texxt/javascript" >
function testJson()
{
$.ajax({
type:"post",
url:"testjson.action",
data:{},
dataType:"json",
beforeSend:function(){},
success:function(json){
alert("success complete");
alert("bookName:"+json.book.bookName+" Author:"+json.book.author);
var json=eval(json.bookList);
json = eval(json.list)
for(var i=0; i<json.length; i++)
{
alert(json[i].bookName+" " + json[i].author)
}
}
});
}
</script>
</head>
<body>
This is my page!<br />
<hr />
<input type="button" value="测试Ajax" onclick="testJson();" />
</body>
</html>访问一个对象的 话,直接用json.对象名.字段名 就可以了
{
private String bookName;
private String author;
//此处省略这两个成员变量的getter 和setter
public Book(){}
public Book(String bookName,String author)
{
this.bookName=bookName;
this.author=author;
}
}
Action内容public class TestAction extends ActionSupport
{
private Book book;
private List<Book> bookList;
public String execute()
{
bookList=new ArrayList<Book>();
book=new Book();
book.setBookName("三十天");
book.setAuthor("Blak");
list.add(new Book("世界第一等","是是"));
list.add(new Book("一直很安静","阿桑"));
list.add(new Book("Struts 2","me"));
}
} struts.xml<package name="ajax" extends="json-default">
<action name="testjson" class="action.TestJsonAction">
<result type="json">result</result>
</action>
</package>页面内容<html>
<head>
<title>testJson</title>
<script type="texxt/网页特效" src="js/jquery.js"></script>
<script type="texxt/javascript" >
function testJson()
{
$.ajax({
type:"post",
url:"testjson.action",
data:{},
dataType:"json",
beforeSend:function(){},
success:function(json){
alert("success complete");
alert("bookName:"+json.book.bookName+" Author:"+json.book.author);
var json=eval(json.bookList);
json = eval(json.list)
for(var i=0; i<json.length; i++)
{
alert(json[i].bookName+" " + json[i].author)
}
}
});
}
</script>
</head>
<body>
This is my page!<br />
<hr />
<input type="button" value="测试Ajax" onclick="testJson();" />
</body>
</html>访问一个对象的 话,直接用json.对象名.字段名 就可以了
相关文章推荐
- Struts2+AJAX+JQuery 实现用户登入与注册功能
- jsp+Struts2.0+jquery+ajax功能实现
- ajax开发:jqueryajax+php的登录与退出功能实现
- Ajax应用:使用jQuery和PHP实现功能开关效果
- JQuery学习笔记 [Ajax实现新闻点评功能] (6-3)
- S2SH整合JQuery+Ajax实现登录验证功能
- jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
- Ajax+jQuery+bootstrap+Java实现异步点赞功能,并限制点击次数
- jQuery+Ajax+PHP实现“喜欢”评级功能代码
- 利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力
- 不用JQuery,原生Javascript实现Ajax功能及相关知识点
- jQuery+ajax实现文章点赞功能的方法
- jQuery+ThinkPHP+Ajax实现即时消息提醒功能
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- PHP+jquery+ajax实现即时聊天功能实例
- jQuery实现的分页功能,包括ajax请求,后台数据
- 在JQuery的validate功能中使用remote实现Ajax功能后台验证
- Struts 2用Jquery 实现Ajax 之二
- JQuery+ajax实现类似百度搜索自动匹配功能