【finkyUI】基于jquery的finkyUI插件与Ajax实现页面数据加载功能-数据加载

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【基于jquery的finkyUI插件与Ajax实现页面数据加载功能】，下面是详细的讲解！

基于jquery的finkyUI插件与Ajax实现页面数据加载功能

<script type="text/javascript" src="http://www.jb51.net/article/js/jquery.js"></script>
<script type="text/javascript" src="http://www.jb51.net/article/js/json.js"></script>
<script type="text/javascript" src="http://www.jb51.net/article/js/jquery.funkyUI.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Click").click(function(){
$.getJSON("ajaxuser.jspx",{},function(json){
//alert(json);
$("#clickTab").children().each(function(){
$(this).remove();
});
$(json).each(function(){
var id=this.uid;
var name=this.uname;
var pwd=this.upwd;
//alert(name);
var htmlStr='<tr><td bgcolor="white">'+id+'</td>'+'<td bgcolor="white">'+name+'</td>'+'<td bgcolor="white">'+pwd+'</td></tr>';
$("#clickTab").append(htmlStr);
});
});
});

$("#clickTab").ajaxStart(function(){
$.funkyUI({
showDialog:false
});
});
$("#clickTab").ajaxStop(function(){
$.unfunkyUI();
});
});
</script>

关于基于jquery的finkyUI插件与Ajax实现页面数据加载功能的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细