ajax 讲解(入门级)

来源:互联网 发布:淘宝店铺层级划分 编辑:程序博客网 时间:2024/06/14 23:50

闲来无事,发表第一篇文章,关于AJAX
本次介绍主要说一些常被忽略的一些属性的小知识,算是加强代码的规范吧

$.ajax({    type: "get",    url: "getData.do",    data: {        "text": "context"    },    //timeout属性我理解是:设定加载时间,超出则为失败,执行error    timeout: 2000,    //cache属性,默认true(异步,一般我是不写),false(同步)    cache: true,    //beforeSend属性很多人都忽略,讲道理很重要,可以做动画加载,可以防止重复请求,如下    beforeSend: function() {        // 禁用按钮防止重复提交        $("#submit").attr({            disabled: "disabled"        });    },    //success和error属性个人觉得跟complete是一样的,不过很多人不喜欢用,可以忽略,根据自己习惯来    success: function(data) {        $("#submit").attr({            disabled: false        });        $.each(data, function(i, e) {            var text = $("<span>", {                "text": e.host            });            context.append(text);        });    },    //error属性经常看见不写的,个人建议写上吧,毕竟可以清楚的知道,你AJAX有没有执行成功(超时算失败!)    error: function() {        alert("请求失败!");    },});

本人新人一枚,第一次写,如有错误的地方,欢迎指正,谢谢啦

1 0
原创粉丝点击