第一个Ajax例子 Ajax+struts2

来源:互联网 发布:linux终端帮助命令 编辑:程序博客网 时间:2024/05/27 20:27

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()”>

原创粉丝点击