首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

struts2.1.8+json+jquery1.3兑现ajax

2012-10-19 
struts2.1.8+json+jquery1.3实现ajax要加的struts包有:commons-beanutils-1.7.0.jarcommons-chain-1.2.jar

struts2.1.8+json+jquery1.3实现ajax
要加的struts包有:

commons-beanutils-1.7.0.jar

commons-chain-1.2.jar

commons-collections-3.2.jar

commons-digester-2.0.jar

commons-fileupload-1.2.1.jar

commons-io-1.3.2.jar

commons-lang-2.3.jar

commons-logging-1.0.4.jar

commons-validator-1.3.1.jar

ezmorph-1.0.3.jar      (不这个会去一非常怪错误。不相信你可以试试)  我认为应该无法实现java对象与json对象之间转化.

freemarker-2.3.15.jar

json-lib-2.1.jar

ognl-2.7.3.jar

struts2-json-plugin-2.1.8.1.jar

xwork-core-2.1.6.jar

struts2-core-2.1.8.1.jar

其它具体 的代码;我是看了。http://www.iteye.com/topic/576513。他是原码而写的。基本一样了。

web.xml

Xml代码
<filter>    
        <filter-name>struts2</filter-name>    
        <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>    
    </filter>    
    <filter-mapping>    
        <filter-name>struts2</filter-name>    
        <url-pattern>/*</url-pattern>    
    </filter-mapping>  

<filter> 
        <filter-name>struts2</filter-name> 
        <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> 
    </filter> 
    <filter-mapping> 
        <filter-name>struts2</filter-name> 
        <url-pattern>/*</url-pattern> 
    </filter-mapping> 

strust.xml



Xml代码
<package name="ajax" extends="json-default"> 
        <action name="ajaxLogin" extends="json-default">
<action name="ajaxLogin" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ taglib prefix="s" uri="/struts-tags" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script><script type="text/javascript"> 
        $(document).ready( function() {  
        //使用 Ajax 的方式 判断登录  
        $("#btn_login").click( function() {  
            var url = 'ajaxLogin.action';  
            //获取表单值,并以json的数据形式保存到params中  
            var params = {  
                loginName:$("#loginName").val(),  
                password:$("#password").val()  
                //上行结尾决对不加逗号(,)。如果加了在IE6下就不能运行实现了。  
            }  
            alert(params.loginName);  
            //使用$.post方式      
            $.post(  
                url,        //服务器要接受的url  
                params,     //传递的参数       
                function cbf(data){ //服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据  
                    //alert(data);  
                    var member = eval("("+data+")");    //包数据解析为json 格式    
                    $('#result').html("欢迎您:  "+member.name+"<br>您的密码是:"+member.password);  
                },   
               'json'   //数据传递的类型  json  
            );  
        });  
    });  
</script> 
    </head> 
    <body> 
        <center> 
        <table> 
        <tr> 
        <td> 
        <span>用户名:</span> 
        </td> 
        <td> 
        <input type="text" id="loginName" name="loginName"> 
        </td> 
        </tr> 
        <tr> 
        <td> 
        <span>密码:</span> 
        </td> 
        <td> 
        <input type="password" name="password" id="password"> 
        </td> 
        </tr> 
        <tr> 
        <td colspan="2"> 
        <input type="button" id="btn_login" value="Login" /> 
        </td> 
        </tr> 
        </table> 
        <p> 
            这里显示ajax信息:  
            <br /> 
            <span id="result"></span> 
        </p> 
        </center> 
 
          
    </body> 
</html> 

热点排行