第一个Ajax例子 Ajax+struts2

本文详细介绍了如何将JSON库与Struts2框架集成,以实现AJAX操作。包括将JSON插件导入web-inf/lib目录,修改struts.xml文件,定义Action类并添加getter和setter方法,引入Prototype.js库,编写JavaScript代码处理AJAX请求,并展示返回数据。
摘要由CSDN通过智能技术生成

1.jsonplugin0.34.jar包拷入web-inf/lib目录下

切记,json Jar包和Struts2的版本有冲突

Json3.3struts2.1.*

Json 3.2struts2.0

2.修改struts.xml文件中的<package name="strutspackage" extends="json-default">

<action name="AjaxAction" class="com.haitian.bbs.ajax.TestAjax">

<result type="json" />

</action>

</package>

3.定义Action类,并为要传递的数据添加gettersetter方法

4.prototype.js拷入WebRoot目录下

5.Jsp中添加如下代码

//引入Js脚本

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

<script language="JavaScript">

function gotClick()

{

var url='AjaxAction.action';

var params=Form.serialize('form1');

var myAjax=new Ajax.Request(url,{method:'post',parameters:params,onComplete:processResponse,asynchronous:true});

}

function processResponse(request)

{

var start=request.responseText.indexOf("field2");

var str=request.responseText.substring(start+9,start+13);

$("show").innerHTML=str;

}

</script>

6.Body中添加<div id=”show”></div>

7.添加激活方法的按钮

<input type=”button” onClick=”getClick()”>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值