1、效果图示  

横线上方的部分不动（没有刷新），下方实现刷新（异步刷新）

2、实现步骤  

jquery+ajax+struts技术实现异步刷新功能的步骤：

    1、需要用到 jquery+ajax+struts 那么需要用几个包：（commons-logging-1.0.4.jar、freemarker-2.3.13.jar、ognl-2.6.11.jar、struts2-core-2.1.6.jar、xwork-2.1.2.jar、commons-fileupload-1.2.1.jar）

                  说明：  需要的包  六个基本包外加  json-lib.jar，struts2-json-plugin.jar，ezmorph.jar 这三个包

    

    2、加入 jquery.js ，调用 jquery里面的 ajax方法，$.get()、$.post()、$.getJSON();

    

    3、Action中 写 JSONObject

                          先将所有的值存入map中 ，然后将map集合转换为json对象

         JSONObject jo = JSONObject.fromObject(map);

    

    4、struts.xml中  设置result 的type=json  并且指定输入的 数据名称

        <result name="success" type="json">  

            <param name="root">outinfo</param>   

        </result>

3、相关代码  

页面端（index.jsp）

1 <%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>   2    3    4        5         
       6          7             8            9            43   44   45   46        用户名：  47          48        
  49       50        密   码：  51          52        
 53       54         55        56        
 57        
     
58        
  59           这里显示ajax信息(即：异步刷新显示出下方的信息)：  60           
  61             62        
  63   64 

struts.xml 配置文件

1 
      2  3 
     
       4  
      
          5         
       
           6             
           7             
        
            8                 
            9                 
           10                 
         outinfo  
         11             
          12         
         13     
        14 
     

Action层下的 AjaxLoginAction 类

1 package com.shore.ajax.ation; 2  3 import java.util.HashMap; 4 import java.util.Map; 5  6 import net.sf.json.JSONObject; 7  8 import com.opensymphony.xwork2.ActionSupport; 9 10 /**11  * @author DSHORE/2019-8-112  *13  */14 public class AjaxLoginAction extends ActionSupport {15     // 用户Ajax返回数据  16     private String outinfo;  //输出信息17     18     // struts的属性驱动模式，自动填充页面的属性到这里  （注入）19     private String loginName;  20     private String password;  21   22     @Override  23     public String execute() { 24         // 用一个Map做例子  25         Map
     
       map = new HashMap
      
       ();  26         // 为map添加一条数据，记录一下页面传过来loginName  27         map.put("name", this.loginName);  28         map.put("pwd", this.password);29         // 将要返回的map对象进行json处理  30         JSONObject jo = JSONObject.fromObject(map); 31 32         // 调用json对象的toString方法转换为字符串然后赋值给outInfo  33         this.outinfo = jo.toString();  34         //测试一下outInfo的结果35         System.out.println(this.outinfo);  36   37         return SUCCESS;  38     }39 40     public String getOutinfo() {41         return outinfo;42     }43     public void setOutinfo(String outinfo) {44         this.outinfo = outinfo;45     }46 47     public String getLoginName() {48         return loginName;49     }50     public void setLoginName(String loginName) {51         this.loginName = loginName;52     }53 54     public String getPassword() {55         return password;56     }57     public void setPassword(String password) {58         this.password = password;59     }60 }
      
     

web.xml 配置文件

1 
      2 
     
       7   
      
        8     
       
        index.jsp
        9   
      10   11   
      
       12       
       
        struts2
       13       
       
        14           org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter15       
       16   
      17   18   
      
       19       
       
        struts2
       20       
       
        /*
       21   
      22 
     

实例效果图

 

 

 

 

 

原创作者：

作者主页：

原文出自：

欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！）