13518219792
网站建设资讯

NEWS

网站建设资讯

jQuery中ajax请求strutsaction实现异步刷新的示例分析

小编给大家分享一下jQuery中ajax请求struts action实现异步刷新的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

建网站原本是网站策划师、网络程序员、网页设计师等，应用各种网络程序开发技术和网页设计技术配合操作的协同工作。创新互联专业提供成都网站建设、成都网站设计,网页设计,网站制作(企业站、成都响应式网站建设、电商门户网站)等服务,从网站深度策划、搜索引擎友好度优化到用户体验的提升,我们力求做到极致!

第一步：导入相关jar包，本样例需导入struts相关jar包，json-lib.jar，gson-2.1.jar可以任意选择，但是这里需要都导入，因为为了做测试，两种jar包的转换方式都用到了。

第二步：配置web.xml



  
 
 
 struts2
 org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
 
 
 struts2
 /*
 
 
 
  
 contextConfigLocation
 classpath:applicationContext.xml 
 

第三步：新建struts.xml,默认admin/下跳转到/WEB-INF/index.jsp







 
 
 
 
  /WEB-INF/index.jsp
 
 

第四步：编写AjaxRequestAction.java文件，这里做了两种请求，一种是直接请求到字符串，另一种是请求到一组数组格式的数据，但该数据必须要转换成JSON支持的数组，具体如下

package com.fengqi.action;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import org.apache.struts2.ServletActionContext;
import com.google.gson.Gson;
import com.opensymphony.xwork2.ActionSupport;

/**
 * 创建时间：2014-10-24，ajax请求的action样例
 */
public class AjaxRequestAction extends ActionSupport{
 private String sex;
 @Override
 public String execute() throws Exception {
 return super.execute();
 }
 
 /**
 * ajax请求，以json格式的字符串响应请求
 */
 public void ajaxString(){
 System.out.println(sex);
 //获取相应Response
 HttpServletResponse response = ServletActionContext.getResponse(); 
 //设置编码方式
 response.setCharacterEncoding("UTF-8"); 
 try {
  if(sex.equals("nan")){
  response.getWriter().write("我是男的");
  }else if(sex.equals("nv")){
  response.getWriter().write("我是女的");
  }else{
  response.getWriter().write("男女都不是");
  }
  //将数据写到页面中
 } catch (IOException e) {
  e.printStackTrace();
 }
 }
 
 /**
 * ajax请求，以list的形式响应请求，主要这里的list并不是Util的List，而是经过转换成指出json格式的List
 */
 public void ajaxList(){
 List list = new ArrayList();
 list.add("张三");
 list.add("李四");
 //第一种方法：利用json-lib包中的JSONArray将List转换成JSONArray各式。
 JSONArray jsonArray = JSONArray.fromObject(list);
 //第二周方法：利用goole的json包将List转换成Json对象。
 Gson gson = new Gson();
 String gsonList = gson.toJson(list);
 //获取相应Response
 HttpServletResponse response = ServletActionContext.getResponse(); 
 //设置编码方式
 response.setCharacterEncoding("UTF-8"); 
 try {
  //将数据写到页面中
  response.getWriter().println(jsonArray);
 } catch (IOException e) {
  e.printStackTrace();
 }
 }

 public String getSex() {
 return sex;
 }

 public void setSex(String sex) {
 this.sex = sex;
 }
 
}
第五步：在将struts.xml文件更新下，配置AjaxRequestAction.java的访问路径添加如下代码





最后struts.xml的完整文件是





 
 
 
 
  /WEB-INF/index.jsp
 
 
 
 
 
 
 


第六步：编写index.jsp文件，这里做了两种请求，一种是直接请求到字符串，另一种是请求到一组数组格式的数据，但该数据必须要转换成JSON支持的数组，具体如下
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



 
  " rel="external nofollow" >
  
  ajax异步刷新样例测试
 
 
   
 
 
　　　　 
 
 
 $(document).ready(function() {
 $("#hh2").click(function(){
  $.ajax({
  url:"ajax/ajax_String",//请求url
  data:{sex:$("#txt1").val()},
  success:function(data){//请求返回的数据
   $("div").html(data);//将数据打印到页面的div中
  }
  });
 });
 $("#hh3").click(function() {
  $.ajax({
       url: "ajax/ajax_List",//请求url http://www.yxccc.com
       //cache: false,
       type: "POST", //请求头，这里是post
       datatype: 'json', //请求数据各式，这里是json格式
       success: function(data,status){
    data = $.parseJSON(data); //将字符串格式的数据转换成json对象
    //这里将option元素移除是考虑到如果在页面不刷新的情况下多次请求，会产生数据累加，不符合业务需求,因此需先删除在增加元素。
       $("option").remove(); 
       $("select").append("");//在select元素下添加option子元素。
       $(data).each(function(i){ //遍历请求相应的data数据
          $("select").append("");
       })
       }
     });
   });
 });
 
 
 
 
 

  这里是ajax请求Demo，该实例是请求Struts中的action 

  请求返回常规字符串
  请求返回JSON格式的List


  
这里是div元素


  请选择性别:
   
   男
   女
  


  
  
  
 

这样一个简单的ajax请求就已经完成了。
看完了这篇文章，相信你对“jQuery中ajax请求struts action实现异步刷新的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
            
            
                        

            新闻标题：jQuery中ajax请求strutsaction实现异步刷新的示例分析            

            链接URL：http://njwzjz.com/article/iejdgd.html
        
    
    

        
其他资讯