jQuery与Struts2综合应用[stream/json]

一、使用stream类型的Result实现Ajax

具体步骤：

① 定义InputStream类型的成员变量及getter和setter

②具体业务方法中将要发送到客户端的json字符串赋值给成员变量

③编写struts.xml，定义stream生成响应数据类型及输出结果

二、配置Action的result

具体步骤：

①定义package，并继承struts-default

②使用<action>标签定义StreamResultAction类对应的名称和所在位置

③使用stream类型的result结果集

④使用<param>标签指定stream生成响应数据类型及输出结果

三编写Action类并继承自ActionSupport类

注：定义的inputStream成员变量要和struts.xml<param>参数一致，并使用ByteArrayInputStream将要发送到客户端的数据赋值给成员变量

四实现用户名验证

使用jQuery的Ajax方法发送数据到服务器端，获取stream类型的返回数据，并更新页面提示信息，进行拆解数据。需引入jQuery库

 <body>

   <div id="demo"></div>

   <table>

   <tr>

   <td>姓名：<input type="text" name="name" id="name" onblur="validate();"/></td>

   </tr>

   <tr>

   <td>密码：<input type="password" name="name" id="name"/></td>

   </tr>

   <tr>

   <td><center><input type="button" value="提交"/></center></td>

   </tr>

   </table>

  </body>

实现效果：

使用JSON插件实现JSON类型的Result

具体步骤：

①将struts2-json-plugin-xxx.jar加入到struts2工程下

②在struts.xml中编写<package>标签，并指定该package继承json-default

③在<package>标签下定义具体的<action>标签，将其子标签<result>的type属性指定为“json”

以用户登录为例：当服务器端接收到用户信息后，进行业务判断，然后返回JSON格式的数据

JSON类型的Result的常用参数：

编写Action类重写execute()进行一系列判定，通过tojson()获取到map集合的值，注意的是这里需引入gson.jar包

两种实现方式：

    <script type="text/javascript">

    function validate(){

    //锁定到用户名文本框，并且取值

    var val=$('#name').val();

 $.post('json/jsontest','name='+val,function(data){

            //data就是打回到client的数据

            //强制让data从{}语句块形态    ----->表达式

              data=eval("("+data.result+")");

              //{\"flag\":\"false\"}

              if(data.flag=="false"){

                $("#demo").html("可用");

              }else{

                $("#demo").html("不可用");

              }

            }); 

    /*  $.post('json/jsontest','name='+val,function(data){

             //{"result":"{\"flag\":\"false\"}"}

                 data= data.result;

                 data=eval("("+data+")");

               if(data.flag=="false"){

                $("#demo").html("可用");

              }else{

                $("#demo").html("不可用");

              }

            },'json'); */

    }

    </script>

实现效果：

巴特西

jQuery与Struts2综合应用[stream/json]

最新文章

热门文章