使用JQuery封装的ajax完成功能
部分代码,实例
注意:需要在Jsp页面中引入Jquery文件。
/*****************使用JQuery封装的ajax完成功能**************************************/
$(function () {
//给按钮增加单击事件---Jquery的$.get方式完成ajax功能
$("#btn3").click(function () {
$.get("ajaxServlet",{uname:"张三22222",pwd:"123"},function (data) {
$("#showdiv").html(data);
})
})
//给按钮增加单击事件---Jquery的$.post方式完成ajax功能
$("#btn4").click(function () {
$.post("ajaxServlet",{uname:"张三33333333",pwd:"123"},function (data) {
$("#showdiv").html(data);
})
})
//给按钮增加单击事件---Jquery的$.ajax方式完成ajax功能
$("#btn5").click(function () {
$.ajax({
type:"POST",
url:"ajaxServlet",
data:"uname=王五&pwd=456",
success:function (data) {
$("#showdiv").html(data);
}
});
})
})