方法/步驟

1. 新建兩個頁面:

   1、show.jsp：調用ajax，將表單中的數據發(fā)送給ajax.jsp頁面。

   2、ajax.jsp：獲取show.jsp頁面?zhèn)鬟f的表單數據，并返回結果。

   兩個頁面的編碼格式要設置為GBK：

   <%@ page contentType="text/html;charset=GBK"%>

2. show.jsp頁面的重點部分：

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

   <script type="text/javascript" src="jquery-1.3.2.min.js"></script>

   2、設置表單的id，在調用ajax的方法時要用到。

   <form id="ajaxFrm" >

   3、設置一個div，用于顯示ajax.jsp頁面返回的結果

   <div id="ajaxDiv"></div>

   4、增加一個按鈕，用來調用ajax

   <input type="button" onClick="doFind();" value="調用一下ajax" >

   5、增加調用ajax的函數：

   function doFind(){

   $.ajax({

   cache: false,

   type: "POST",

   url:"ajax.jsp", //把表單數據發(fā)送到ajax.jsp

   data:$('#ajaxFrm').serialize(), //要發(fā)送的是ajaxFrm表單中的數據

   async: false,

   error: function(request) {

   alert("發(fā)送請求失敗！");

   },

   success: function(data) {

   $("#ajaxDiv").html(data); //將返回的結果顯示到ajaxDiv中

   }

   });

   }

3. 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);

   %>

4. 運行效果如下：