ajax 讲解(入门级)

闲来无事,发表第一篇文章,关于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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值