zoukankan      html  css  js  c++  java
  • 网友Admin‘分享自己写的Ajax封装类(转)

    原创作者:网友Adam‘

    编写时间:2012-11-05

    首先非常感觉网友Admin‘的分享,此类是模拟了Jquery中的Ajax功能,完全可以把Jquery中的ajax替换掉,使用方法和Jquery一样。

    这样一来网友们使用单独的Ajax功能的时候就不需要再引入一个上100KB左右大的Jquery插件文件了,只需要引入一个很小的原生JS封装好的3KB大小的Ajax类即可。

    为了方便网友们学习,网友Admin’做了对Ajax类使用的Demo,分别是get和post两种请求的使用方法。

    接下来主要看一下get和post请求的使用代码:

    1、测试get请求的使用方法
    Aui_Ajax({
    type: "get",
    url: "page.php",
    send: "name="+sName+"&password="+sPwd,
    error: function(){
    alert("错误");
    },
    beforeSend: function(){
    oDiv.innerHTML = "数据加载中,请稍后 ...";
    },
    success: function(data){
    oDiv.innerHTML = "get: " + data;
    }
    });

    2、测试post请求的使用方
    Aui_Ajax({
    type: "post",
    url: "page.php",
    send: { "name":sName,"password":sPwd },
    error: function(){
    alert("错误");
    },
    beforeSend: function(){
    oDiv2.innerHTML = "数据加载中,请稍后 ...";
    },
    success: function(data){
    oDiv2.innerHTML = "post: " + data;
    }
    });

    Ajax封装类和示例下载

  • 相关阅读:
    LeetCode刷题记录
    开始学习Functional Programming
    明天软软onsite
    Criteo电面二
    Jet.com
    还需要补充很多知识
    重新粗推了一下Master Theorem
    买了第一台mac
    病来如山倒
    Integer.parseInt vs Integer.valueOf
  • 原文地址:https://www.cnblogs.com/dwfbenben/p/2868284.html
Copyright © 2011-2022 走看看