今天基本调了一下午才把整个struts中的ajax 实现过程理通了,其实对于ajax的基本流程我们都是很清楚,利用js的对象与后台服务器进行异步交互,不管是php还是java这个道理都是一样的,我这里就用jquery封装好的post 函数来进行,其实在java框架中有很多种方法来具体实现ajax,但是作为初涉这,我还是自己先尝试了最容易上手的。下面我就大概讲一下,几个实现步骤,按照我的步骤你肯定是可以调试成功的,不像网上有些人的博客,叙述的很不仔细,导致很多的问题都无法解决,搞得很纠结。
首先,我用的是struts2 那么几个常见的包要导入,个人总结了一般有10,这里不再赘述,有机会会在博客中列出,然后导入json-lib.jar,struts2-json-plugin.jar,这里提醒下有一个jsonplugin.jar和struts2-json-plugin.jar在一个struts-plugin.xml中是冲突的,导入包后,就可以开始了。
我们这里实现一个登陆验证的效果,如果用户名不对,则在前端弹出一个提醒框。
我这里只写关键代码了
用户名:<input name="username" id="username">密码:<input name="passwrod" id="password">
js代码
导入jquery文件后
<script>
$(document).ready(function(){
$("loginForm").submit(function(event){
var url='login.action';
var params={username:$("#username").val(),password:$("#password").val(),};
**
$.post(url,params,function(data){ alert(data) ; },'json');//这里的function是回调函数,当然也可以提出来,再调用,里面的data是传回的数据,这里就直接alert();了当然显示的肯定是一个【object,object】,最后一个参数表示传回的数据形式是json型的,json是一种值对的数据表示方法,可以翻遍对象等数据的序列号传输。相关资料,有兴趣者可以去查询的。
}
});
当这里的数据通过js 的ajax 发送给login.action
这里的struts.xml中配置 这个文件在mvc就是个桥梁的作用,有点静态路由的感觉
由于除了json数据,所以配置与一般的稍有不同
<struts>
<package name="json" namespace="/" extends="json-default">
<action name="login" class="org.action.LoginAction>
<result type="json">
</acton>
</package>
</struts>
一个完整的简单的配置就好了, 有的方法可能还在result 中加param root 和result 我试过了好像无法实现。这里要改的地方主要就是
extends 后面不再是struts-default了
过了struts.xml这座桥,我们来看看LoginAction.java中的实现
import ......
public class LoginAction extends ActionSupport
{
private String username;
private String password;
private String result;
//getter setter略
public String execute() throws Exception
{
result = new Object();
return SUCCESS;
怎么样简单吧,这里我重点想说的是,不管是什么类型的数据都可以被java自动转成json型
最后只要将返回到前台的数据用js解析下就好了
}
}
首先,我用的是struts2 那么几个常见的包要导入,个人总结了一般有10,这里不再赘述,有机会会在博客中列出,然后导入json-lib.jar,struts2-json-plugin.jar,这里提醒下有一个jsonplugin.jar和struts2-json-plugin.jar在一个struts-plugin.xml中是冲突的,导入包后,就可以开始了。
我们这里实现一个登陆验证的效果,如果用户名不对,则在前端弹出一个提醒框。
我这里只写关键代码了
用户名:<input name="username" id="username">密码:<input name="passwrod" id="password">
js代码
导入jquery文件后
<script>
$(document).ready(function(){
$("loginForm").submit(function(event){
var url='login.action';
var params={username:$("#username").val(),password:$("#password").val(),};
**
$.post(url,params,function(data){ alert(data) ; },'json');//这里的function是回调函数,当然也可以提出来,再调用,里面的data是传回的数据,这里就直接alert();了当然显示的肯定是一个【object,object】,最后一个参数表示传回的数据形式是json型的,json是一种值对的数据表示方法,可以翻遍对象等数据的序列号传输。相关资料,有兴趣者可以去查询的。
}
});
当这里的数据通过js 的ajax 发送给login.action
这里的struts.xml中配置 这个文件在mvc就是个桥梁的作用,有点静态路由的感觉
由于除了json数据,所以配置与一般的稍有不同
<struts>
<package name="json" namespace="/" extends="json-default">
<action name="login" class="org.action.LoginAction>
<result type="json">
</acton>
</package>
</struts>
一个完整的简单的配置就好了, 有的方法可能还在result 中加param root 和result 我试过了好像无法实现。这里要改的地方主要就是
extends 后面不再是struts-default了
过了struts.xml这座桥,我们来看看LoginAction.java中的实现
import ......
public class LoginAction extends ActionSupport
{
private String username;
private String password;
private String result;
//getter setter略
public String execute() throws Exception
{
result = new Object();
return SUCCESS;
怎么样简单吧,这里我重点想说的是,不管是什么类型的数据都可以被java自动转成json型
最后只要将返回到前台的数据用js解析下就好了
}
}