Jquery技巧 使用ajax技術提交表單資料

2021-07-23 22:22:08 字數 760 閱讀 8546

新建兩個頁面:

1、show.jsp:呼叫ajax,將表單中的資料傳送給ajax.jsp頁面。

2、ajax.jsp:獲取show.jsp頁面傳遞的表單資料,並返回結果。

兩個頁面的編碼格式要設定為gbk:

show.jsp頁面的重點部分:

1、新增對 jquery-1.3.2.min.js 的引用:

2、設定表單的id,在呼叫ajax的方法時要用到。

3、設定乙個div,用於顯示ajax.jsp頁面返回的結果

4、增加乙個按鈕,用來呼叫ajax

5、增加呼叫ajax的函式:

function dofind(),

success: function(data)

});}

ajax.jsp頁面的源**:

string username = request.getparameter("username");

if(username!=null)

string returnstring = "";

returnstring="你好," + username;

out.print(returnstring);

%>

執行效果如下:

Ajax 使用jQuery 實現Ajax

get post 方式 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title document title 6head 7 script type text j ascript src jquery.js script 8...

使用jQuery實現ajax

一 jquery提供了 ajax 方法,利用此方法我們可以輕鬆發起ajax請求 ajax options 方法 json中的每個結構單元均由花括號 表示,每個結構中可以包含多個由逗號 分割的成員,而每個成員均是乙個 鍵 值 對。值不僅可以是普通的字串,也可以是乙個有序列表,用方括號標識,其中可以包含...

jquery的ajax的使用!

1.ajax的使用 以login為例,ajax表單的提交!以下是表單 提交的js controller層 基於spring mvc 接收資料和改變資料 controller public class usercontroller public string tologinui 2.get和 post...