jquery怎么做ajax预加载动画

示例代码：

var container = $('#container')

container.addClass('loading')  // 加上loading动画

$.ajax({

url: '/path/to/file',

type: 'GET',

dataType: 'json'

})

.done(function() {

alert("请求成功")

})

.fail(function() {

alert("请求失败")

})

.always(function() {

container.removeClass('loading')

})

在function xmlhttpPost(strURL) {

下面加入

document.getElementById("result").innerHTML ="<img src='http://www.dadakf.com/images/load.gif'/>"

场景：

springMVC+jquery+ajax+jsp实现在页面中输入数字后，点击按钮，表单中自动加载指定行数据。

1、user实体类

2、创建controller组件类。

toDymyuser（）方法用于跳转到jsp页面

getMyUserClass（）方法用于jsp页面的数据加载来源

3、新增jsp页面

1）、获取当前服务路径bathpath

2）、引入jquery包，这里直接使用的是 http://cdn.static.runoob.com 下的jquery包，在浏览器中输入该地址可访问，即为可用

3）、引入style样式，让页面简洁美观

4）、在script中，使用ajax时，需要传入参数便于动态显示表格，所以需要与controller层交互，这里使用post的方式，并在url中引入controller中设置的地址，数据传输成功后，动态追加到htmltxt中，最后使用jquery选择器将htmltxt传到元素的html即可。

4、使用springMVC必须要配置web.xml文件

5、web.xml中使用到了/spring-mvc-servlet.xml，所以要在web-inf目录下新增该文件

6、启动tomcat，在浏览器中输入： http://localhost:8080/dyuser 。效果如下

---