3、设置一个p，用于显示ajax.jsp页面返回的结果<p id="ajaxDiv"></p>4、增加一个按钮，用来调用ajax<input type="button" onClick="doFind();" value="调用一下ajax" >5、增加调用ajax的函数：function doFind(){$.ajax({cache: false,type: "POST",url:"ajax.jsp", //把表单数据发送到ajax.jspdata:$("#ajaxFrm").serialize(), //要发送的是ajaxFrm表单中的数据async: false,error: function(request) {alert("发送请求失败！");},success: function(data) {$("#ajaxDiv").html(data); //将返回的结果显示到ajaxDiv中}});}ajax.jsp页面的源代码：<%@ page contentType="text/html;charset=GBK"%><%String userName = request.getParameter("UserName");if(userName!=null){userName = new String(userName.getBytes("ISO-8859-1"), "utf-8");//解决乱码的问题}String returnString = "";returnString="你好，" + userName;out.print(returnString);%>运行效果如下：jquery ajax提交表单从action传值到jspjsp页面：代码如下:var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: function(text) {alert("对不起,用户ID不存在,请输入正确的用户ID");} });
更多相关内容：
