【在Struts2中加入ajax异步发送请求给服务器】

1.首先在src下面添加一个action类,如下:

public class ArticleAction extends BaseAction {

	public static long getSerialversionuid() {
		return serialVersionUID;
	}

	private static final long serialVersionUID = 1L;
	private String typename;

	public String getTypename() {
		return typename;
	}

	public void setTypename(String typename) {
		this.typename = typename;
	}

	private String result;

	public String getResult() {
		return result;
	}

	public void setResult(String result) {
		this.result = result;
	}

	public String addType() {
		System.out.println(typename);

		result = "你好啊恩";
		return SUCCESS;
	}

}



2.在struts.xml配置文件中来配置这个action,如下:

	<package name="article" extends="json-default">
		<action name="ArticleAction_addType" class="com.bear.action.ArticleAction" method="addType">
			<result name="success" type="json"></result>
		</action>
	</package>


3.下载jquery的min文件(网上到处都可以下载),拷贝到project中,然后在jsp文件中引入:

<script type="text/javascript" src="../js/jquery.min.js"></script>


4.在jsp当中写相关的jquery代码,完成异步发送接收数据功能:

<script type="text/javascript">
	$(function() {
     $("#addButton").click(function() { //按钮的id名字是addButton
     
    //提交的参数,name是struts action中对应的接收变量
        var params = {
           typename : $("#typeName").val() //文本框的id名字是typeName
        };
        
        $.ajax({
    type: "POST",
    url: "ArticleAction_addType", //这里写的是action的名字,设置了namespace会出错
    data: params,
    dataType:"text", //ajax返回值设置为text(json格式也可用它返回,可打印出结果,也可设置成json)
    success: function(json){  
    var obj = $.parseJSON(json);  //使用这个方法解析json
    var state_value = obj.result;  //result是和action中定义的result变量的get方法对应的
    alert("收到成功");
    alert(state_value);
    },
    error: function(json){
     alert("收到失败");
     return false;
    }
    });
     });
   });
</script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值