jquery加载中,jq加载页面

jquery 怎么让一个div的内容未加载完时显示加载中...

加载时，直接设置该DIV的值（提示），然后数据加载完毕，再显示数据，部分加载也一样；

利用innerhtml

DIV设ID（例如A），默认文字（例如：正在加载...）

等内容下载（例如JS文件）完后就自动替换为ID=A的内容；

onload事件里面，if(document.readyState ！= "complete")判断页面是否加载完成，未完成给张图片显示（用隐藏域事先准备或innerHTML），else完成时就隐藏了。

但是ff不支持，用ajax实现， if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete'){}else{在此操作}。

相关问答

Q1: Loading特效，网页加载中Jquery如何使用加载中的使用

//请求加载提示的显示和隐藏

$('.loading').ajaxStart(function

()

{

$(this).show();

}).ajaxStop(function

()

{

$(this).hide();

});

注意：以上代码在

jQuery1.8

及以后的版本不在有效，需要使用

jquery-migrate

向下兼容

才能运行。新版本中，必须绑定在

document

元素上。

$(document).ajaxStart(function

()

{

$('.loading').show();

}).ajaxStop(function

()

{

$('.loading').hide();

});

//如果请求时间太长，可以设置超时

$.ajax({

timeout

:

500

})

Q2: jquery的ajax提交时“加载中”提示为什么不显示？

检查一下代码书写是否正确，在JQuery中，AJAX的规范是：

$.ajax({

    url: '/path/to/file',

    type: 'default GET (Other values: POST)',

    dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',

    data: {param1: 'value1'},

  })

  .done(function() {

    console.log("success");

  })

  .fail(function() {

    console.log("error");

  })

  .always(function() {

    console.log("complete");

  });

Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。