AJAX越来越受欢迎。作为一个WEB程序开发人员，如果没有这种感觉，就会掉队，甚至在求职的时候被反复淘汰。我也是一个WEB程序开发人员，当然我也要“随波逐流”，不然我的工作就没有保障了！

在AJAX实现之前，Javascript脚本是一个个打出来的，比较繁琐。学了Jquery，感觉实现AJAX没那么难。当然，除了Jquery框架，还有其他优秀的框架。这里我将重点介绍流行的Jquery。Jquery AJAX提交Forms有两种方式，一种是通过url参数提交数据，另一种是提交form(和往常一样，可以在后台获取form的值)。在要提交的表单中，如果有很多元素，建议以第二种方式提交。当然，如果你想练习打字技巧，可以用第一种方式提交。我相信开发者不想浪费任何努力！

Ajax技术给我们带来了良好的用户体验。同时，使用jquery可以简化开发，提高工作效率。

下面描述了一般的开发步骤。

本文使用的是jquery-1.3.2.min.js。

创建两个新页面：

1.show.jsp:调用ajax将表单中的数据发送到ajax.jsp页面。

2.ajax.jsp:获取show.jsp页面传输的表单数据并返回结果。

两页的编码格式应设置为GBK:

“%@”页面内容类型=' text/html；charset=gbk“% show.jsp亮点”页面：

1.添加对jquery-1.3.2.min.js的引用：

脚本类型=' text/JavaScript ' src=' http : jquery-1 . 3 . 2 . min . js '/script 2，设置调用ajax方法时使用的表单id。

表单id='ajaxFrm' 3。设置一个div来显示ajax.jsp页面返回的结果

Div id='ajaxDiv'/div4，添加一个按钮调用ajax

输入类型=' button ' OnClick=' DoFind()；'Value='调用ajax '。5.添加一个函数来调用Ajax:

函数do find () {$。Ajax ({cache: false，type:' post '，url3360' ajax.jsp '，//将表单数据发送到Ajax . jspdatee 3360 $(' # Ajax frm ')。serialize()，//要发送的数据是async : false，错误：函数(请求){alert('发送请求失败！');}，success:函数(数据){$('#ajaxDiv ')。html(数据)；//在ajaxDiv中显示返回的结果} })；}ajax.jsp页面源代码：

“%@”页面内容类型=' text/html；charset=GBK“% % String userName=request . getparameter(' userName ')”；如果(用户名！=null){ userName=new String(userName . getbytes(' ISO-8859-1 '，' utf-8 ')；//解决乱码问题} String returnString=ReturnString=' hello，' userNameout . print(returnString)；%操作效果如下：

Jquery ajax提交表单将值从动作传递给jsp

Jsp页面：

代码如下：

var clientTel=$('#clientTel ')。val()；var activityId=$('#activityId ')。val()；$.ajax({ type : 'post '，//sending method URL : '/arweb/reserve/save code。action '，//path data : ' client tel=' client tel ' activity id=' activity ID，success : function(text){ $(')}，error : function (text) {alert('抱歉，用户ID不存在，请输入正确的用户ID ')；} });Acion类：

代码如下：

HttpServletResponse RES=servletactioncontext . getresponse()；RES . reset()；RES . SetContentType(' text/html；charset=utf-8 ')；PrintWriter pw=RES . Getwriter()；pw.print(随机)；pw . flush()；pw . close()；pw.print(随机)；这里的随机数是动作将传递给jsp的值。在jsp，success:函数(text)中，这里的文本是接收从action传递的值。