ajax,jquery,$.post/$.get异步刷新div,局部刷新页面

前端之家收集整理的这篇文章主要介绍了ajax,jquery,$.post/$.get异步刷新div,局部刷新页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax,jquery,$.post/$.get异步刷新div,局部刷新页面

2013-08-14 14:50 890326yaoyao | 分类Html/Css | 浏览1185次

Action为struts2 <aciton="Action" class="XX.XX.XX">

<request>a.jsp</request>

</action>

2013-08-14 15:13 提问者采纳
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
借助jquery框架完成ajax是非常容易的,代码如下:
$.ajax({
url: 'Action' , //你对数据库的操作路径
data:{ //这是参数
id:1,
name: 'zhangsan'
},
type: 'post' //提交方式
//dataType:'json',//返回数据的类型
success: function (data){ //后台处理数据成功后的回调函数
//alert(data);
//在这里执行对页面的数据刷新
$( "div.a" ).html(data);
error: //后台处理数据失败后的回调函数
//alert(data)
}
})

这个是ajax的完整版,希望对你有帮助

追问
我是想返回一个页面,放入a.div中! 不是想再a.div中html("在把a.jsp写一遍"),懂我的意思了吧!
回答
1
2
3
4
success: function (data){ //后台处理数据成功后的回调函数
//在这里执行对页面的数据刷新
$( "div.a" ).html(data);
}

这里面

data:就是这次请求返回的a.jsp页面

$("div .a"):就是页面上那个<div id='a' class='a'></div>

$("div .a").html(data):就就是将a.jsp 页面放入到 class=a 的div中!

原文链接:https://www.f2er.com/ajax/164725.html

猜你在找的Ajax相关文章