jquery Ajax 实现加载数据前动画效果的示例代码

2015-05-04  来源:本站原创  分类:jquery  人气:34 

本篇文章主要是对jquery Ajax实现加载数据前动画效果的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

$(document).ready(function(){
     $.ajax({
        type:"get",
        cache:false,
        url:"ajaxpage.aspx?t=getcity",
        dataType:"json",
        beforeSend:function(){
           $("#vvv").append('<img src="../../images/loading.gif"  />');
        },
        success:function(data){
           $("#city").html(data.info);//添加下拉框的option
        },
        complete: function() {$("#vvv").remove();
        }
     })
})
相关文章
  • jquery Ajax 实现加载数据前动画效果的示例代码 2015-05-04

    本篇文章主要是对jquery Ajax实现加载数据前动画效果的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 $(document).ready(function(){ $.ajax({ type:"get", cache:false, url:"ajaxpage.aspx?t=getcity", dataType:"json", beforeSend:function(){ $("#vvv").append

  • asp.net+jquery滚动滚动条加载数据的下拉控件 2013-12-26

    由于需求需要用到一个滚动滚动条加载数据的下拉列表(假如数据1000条,下拉列表开始只显示100条,当用户下拉滚到条到最底下时,再加载下一个100条,如此循环) 这样的需求貌似自己感觉不是很合理,因为数据多了如此下拉无论从人还是机器操作都比较痛苦. 没办法由于需求下来了,只能按需求操作.网上找了很多相关控件都感觉有点庞大,占资源比较多.没办法自己花半天时间弄出个半成品自定义控件,拿出来分享下,如有高手看了请多指点. 需求:AJAX滚动滚动条加载数据的下拉列表 控件名称:Webcombo 所用技术:

  • 拉动滚动条加载数据的jquery代码 2013-12-19

    拉动滚动条加载数据的jquery代码,需要的朋友可以参考下 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>拉动滚动条加载数据</title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">

  • 自写的jQuery异步加载数据添加事件 2014-03-08

    这篇文章主要介绍一个自写的jQuery异步加载数据添加事件的方法,需要的朋友可以参考下 几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了. 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的. 1.之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 $('#div').live('click',funct

  • 滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨 2014-05-25

    滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用特在此与大家一起分享,感兴趣的朋友可以参考下哈 滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷. 当然本例子采用的是jquery库,后期会做成原生js. 本例的数据调用的是锋利的jquery一书提供的一段json. 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于documen

  • php+ajax实现无刷新动态加载数据技术 2014-11-12

    无刷新功能我们用到很多很多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新滚屏加载数据,例子非常的简单大家只要按流程来操作就可以了哦. 我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术应用得淋漓尽致. 滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后台PHP程

  • struts2+jquery+json实现异步加载数据(自写) 2014-11-25

    异步加载数据利用struts2+jquery+json实现,具体代码如下,感兴趣的各位可以参考下哈,希望对大家有所帮助 //初始加载页面时 $(document).ready(function(){ //为获取单个值的按钮注册鼠标单击事件 $("#getMessage").click(function(){ $.getJSON("ceshi",function(data){ //通过.操作符可以从data.message中获得Action中message的值 $(&

  • asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博) 2015-02-07

    腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据 自从腾讯微博上线以来,基本上就开始用了,一直到现在,作为一个开发人员,也看到了腾讯微博一直在不停的改变,也不知道大家有没有发现,腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据 下面开讲: 首先说一下思路,我用的是Jquery,然后通过Jquery的

  • 滑轮滚动到页面底部ajax加载数据 2014-08-17

    滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧 当然本例子采用的是jquery库,后期会做成原生js.本例的数据调用的是锋利的jquery一书提供的一段json. 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height(): 再给windo

  • jquery form 加载数据示例 2014-06-12

    这篇文章主要介绍了jquery form 加载数据的具体实现,需要的朋友可以参考下 部分代码如下 <form id="fm" method="post" novalidate> <div style="height:26px" class="fitem"> <label>区域:</label> <input class="easyui-combobox"

  • jQuery oLoader实现的加载图片和页面效果 2014-07-16

    我们使用jQuery的ajax在页面中就像使用iframe一样加载其他页面内容,今天我给大家分享一个名叫jQuery oLoader的插件,该插件还集成了oPageLoader,可以轻松实现加载图片和页面的漂亮效果. oLoader使用方法 不管是oLoader还是oPageLoader都是基于jQuery,所以调用前请先加载jquery库,作者已经将两个插件集成到一起:jquery.oLoader.min.js,已经打包好请戳源码下载. 调用jQuery oLoader非常简单,一句话如下:

  • 优化Jquery,提升网页加载速度 2015-03-30

    本文是对优化Jquery,提升网页加载速度方面进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法.

  • 浏览器窗口滚动加载数据采用异步形式从后台加载数据 2014-05-07

    在滚动条距顶部距离(页面超出窗口的高度)时采用异步形式从后台加载数据,下面是具体的实现,希望对大家有所帮助 以下滚动效果为在网上查找. 在滚动条距顶部距离(页面超出窗口的高度)时采用异步形式从后台加载数据 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ScrollLoadData.aspx.cs" Inherits="WebApplication1.Scroll

  • gridpanel动态加载数据的实例代码 2015-01-06

    这篇文章介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下 <script type='text/javascript'> function editEsOrder(options,success,response){ if (success){ var tagModelManager_maxOrderIdJson=Ext.util.JSON.decode(response.responseText); var orderValue = tagModelManager_m

  • 无刷新动态加载数据 滚动条加载适合评论等页面 2013-10-21

    无刷新动态加载数据,滚屏加载更多数据,适合评论等页面,具体实现如下,感兴趣的朋友可以参考下 滚屏加载更多数据,适合评论等页面 本例的数据库很简单,一看就明了 <div id="container"> <?php $query=mysql_query("select * from content order by id desc limit 0,10"); while ($row=mysql_fetch_array($query)) { ?>

  • Ajax动态加载数据库示例 2013-10-24

    这篇文章主要介绍的是一个Ajax动态加载数据库示例,需要的朋友可以参考下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

  • jquery select动态加载选择(兼容各种浏览器) 2013-11-04

    jquery select动态加载选择,兼容各种浏览器包括ie6,在ie6下会报错,不过我们已有解决方法,感兴趣的朋友可以了解下,或许对你学习jquery有所帮助 在ie6以上,我们可以通过 $("#selectID").val("xx");来个一个select控件赋值.但是在ie6下面会报错!!我们可以通过I下面方法来,使用方法:set_select_val($("#selectID" ),xx);//因为ie6不支持$("#&quo

  • 如何在smarty中增加类似foreach的功能自动加载数据 2013-12-03

    本篇文章是对在smarty中增加类似foreach的功能自动加载数据进行了详细的分析介绍,需要的朋友参考下 在smarty中使用自定义插件来加载数据(见:编写Smarty插件在模板中直接加载数据的详细介绍),在使用的时候还是感觉不够方便,灵机一动就想写成类似foreach那种标签: 第一步:在Smarty_Compiler.class.php的_compile_tag函数中增加: //加载数据的开始标签 case 'load': $this->_push_tag('load'); return

  • jQuery在页面加载时动态修改图片尺寸的方法 2013-12-08

    这篇文章主要介绍了jQuery在页面加载时动态修改图片尺寸的方法,实例分析了jQuery操作图片的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuery在页面加载时动态修改图片尺寸的方法.分享给大家供大家参考.具体如下: $(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; var maxH

  • asp.net 使用js分页实现异步加载数据 2014-01-06

    这篇文章主要介绍了asp.net使用js分页实现异步加载数据,需要的朋友可以参考下 1.准备工作 引入"jquery-1.8.3.min.js",AjaxPro.2.dll":用于前台js调用后台方法. 2.Web.config的配置 <?xml version="1.0" encoding="utf-8"?> <configuration> <connectionStrings> <clear