在jsp页面中要引入
<script type="text/javascript" src="jquery.js">//这个是从网上下载的javascript框架,放到某个位置,正确引用进来
<script type="text/javascript" src="example.js">//自己写的js
<body>
ajax校验:<input type="text" id="username"><input type="button" value="提交" οnclick="javascript:verify()">
<div id="result"></div>
</body>
在example.js文件中
function verify(){
1、获取文本框中的内容
var text = $("#username").val();
2、数据发送到服务器servlet
$.get(
"AjaxServer?name="+username,//要处理的action中的方法,URL
null,//参数,这里我要再次查询,因为用的是get方法,参数在url中,所以这里为空
callback //数据返回到这个function函数中,看下面。
);
}
funciton callback(data){
var resultObj = $("#result");
resultObj.html(data); //数据处理之后,作为参数返回到callback这个函数中(这个函数名可以修改),将返回的数据显示到页面上。
}
在action中的写法是:
public class OneAjxaCase{
private InputStream inputStream;
public void getInputStream(){
this.inputStream = inputStream;
}
public String ajaxTest(){
String return_value="this is data in js";
inputStream = new StringBufferInputStream(return_value);
return "success";
}
}
在struts.xml文件中:
<action name="helloajax" class="OneAjaxCase" method="ajaxTest">
<result type="stream">
<param name=“contentType”>text/html</param>
<param name="inputName">inputStream</param>
</result>
</action>