Struts+jquery+ajax简单整合示例

最新推荐文章于 2026-06-18 22:35:23 发布

原创最新推荐文章于 2026-06-18 22:35:23 发布 · 590 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ajax #struts #jquery #string #function

本文介绍了一个利用Ajax技术与Struts框架进行前后端数据交换的例子。具体包括了如何设置Struts配置文件、定义Java后端逻辑、编写前端JavaScript函数发起请求并处理返回数据的过程。

jsp文件：

function clickButton()
            {    
                $.ajax({
                   url :'../ajaxRequest.action',  //后台处理程序
                   type:'post',    //数据发送方式
                   dataType:'json',  //接受数据格式
                   data:{result:"RE",request:"REQ"},  //要传递的数据
                   success:callbackFun  //回传函数(这里是函数名)
                   });
             } 
//url：响应aciton；params：传入参数；callbackFun：响应完成后的回调函数；
            function callbackFun(data)
            {
                 alert("SUCCESS");
                 alert(data.result);
                 alert(data.request);
                 alert(data.q[1]);
            }

或者：

function clickButton()
            {    
                var url = '../ajaxRequest.action';
                var params = {result:"RESULT",request:"REQUEST" }; //通过id获得输入值
                 jQuery.post(url, params, callbackFun, 'json');
               } 
//url：响应aciton；params：传入参数；callbackFun：响应完成后的回调函数；
            function callbackFun(data)
            {
                 alert("SUCCESS");
                 alert(data.result);
                 alert(data.request)
            }

html部分：

<input type="button" onclick="clickButton();" value="clickButton"/>

struts代码：

<package name="ajax" extends="json-default">
        <action name="ajaxRequest"  class="com.action.ajax" method="test">
            <result type="json"></result>
        </action>
</package>

java代码：

package com.action;

import com.opensymphony.xwork2.ActionSupport;

public class ajax extends ActionSupport{
	private String request;
	private String result;
	private String [] q={"a","b","c"}; 
	
	public String test(){
		System.out.println("ajax");
		request="request";
		result="result";
		return SUCCESS;
	}
	
	public String getRequest() {
		return request;
	}
	public void setRequest(String request) {
		this.request = request;
	}
	public String getResult() {
		return result;
	}
	public void setResult(String result) {
		this.result = result;
	}

	public String[] getQ() {
		return q;
	}

	public void setQ(String[] q) {
		this.q = q;
	}
	

}