`
liuxi1024
  • 浏览: 384244 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

prototype学习--Ajax.Updater

    博客分类:
  • Ajax
阅读更多

实现html页面中,加载数据到页面

1、prototype.js

2、js部分

<script type="text/javascript">
var url ='/pork/ep/reportEpLevel.do';
							    new Ajax.Updater(
							    	{success: 'eplevelDiv'},
							    	url,
							    	{	method: 'get', 
							    		onFailure: reportError,  //失败的时候调用 reportError 函数
										onLoading  : loading, //正在获得内容的时候
										onComplete : done     //内容获取完毕的时候 
							    	});
							    
							    function loading()
								{
									$('loading').style.display = 'block';
								}
								
								function done()
								{
									$('loading').style.display = 'none';
								} 
							    
							    function reportError(request)
    							{
        							alert('Sorry. There was an error.');
    							}
    							
							</script>

 3、html部分

<script type="text/javascript" src="js/prototype.js"></script> 

<td><div id="eplevelDiv"><div id="loading">加载中...</div></div></td>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics