Posted on 2009-04-02 17:23
☆ 阅读(103)
评论(0) 编辑 收藏 所属分类:
jQuery学习笔记
使用jQuery的ajax可以非常方便地发送ajax请求，可以通过一下方法发送请求：
Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此，只需简单地选择所需的元素，然后使用 load() 函数即可。
(1)load方法：
jsp：
<div id="div1"></div>
<input type="button" name="but" value="test" onclick="mm();">
js:
function mm()
{
$('#div1').load('test1.do?ajax=Y');
}
当点击按钮后，将请求test1.do?ajax=Y返回的页面数据放到<div id="div1"></div>节点之间。
(2)ajax方法：
function mm()
{
$.ajax({
url: "app/biss/addline/AddLine.jsp",
cache: false,
success: function(html){
$("#div1").append(html);
}
});
}
当点击按钮后，将app/biss/addline/AddLine.jsp页面数据放到<div id="div1"></div>节点之间。
(3)post和get：
function mm()
{
$.get(
"test1.do", //url
{ name: "John", time: "2pm",ajax:"Y" }, //参数
function(data){$("#div1").html(data);} //成功后的回调处理函数
);
}
当点击按钮后，将test1.do的返回页面放到<div id="div1"></div>节点之间。