ajax封装

1、自调用匿名函数

(function(){})();称为自调用匿名函数，一个项目中，可能调用多个JS框架，为了避免函数重名，定义匿名函数，没名称，就不会冲突，但匿名函数不能执行，所以要用这种格式，让其自动执行一次

2、

    var $=function(id){
        return document.getElementById(id);
    }
    window.$=$;//原本$是局部变量，表示为全局对象window添加一个“$”的属性，这个属性的值是当前局部变量$的值。

时间： 2024-11-04 22:13:22

ajax封装的相关文章

jQuery Ajax封装通用类 (linjq)

jQuery Ajax封装通用类 (linjq) $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * async 默认值: true.默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false. * 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. * t

原生AJAX封装

回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出! 1 var ajaxHelper = { 2 /*1.0 浏览器兼容的方式创建异步对象*/ 3 makeXHR: function () { 4 //声明异步对象变量 5 var xmlHttp = false; 6 //声明扩展名 7 var xmlHttpObj = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.

妹味6：ajax与ajax封装

(功能)ajax能且仅能从服务器读取文件 (环境)需要服务器环境才能测试,可以用工具建立本地服务器环境 (缓存)解决缓存问题:url加时间戳让每次请求地址唯一,如 url='abc.txt?t='+new Date().getTime(); (编码)请求的文件必须与网页的编码一致,否则乱码 (处理)eval()处理请求结果很方便,自动分割.但据说eval有很多问题,除了ajax中,其它地方暂时不要乱用. (实例)请求数据并在同一个块内显示.json数据处理.分页数据请求 ajax函数四步: 1

Ajax封装及简单应用

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 可将AJAX封装成库,方便调用,大致分四步: 创建Ajax对象连接服务器发送请求接受返回值具体代码如下: function ajax(url,fnSucc,fnFaild){ // 创建Ajax对象 if(wind

jQuery Ajax封装通用类

/***************************************************************** jQuery Ajax封装(通用)*****************************************************************/$(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(),

简单的基于promise的ajax封装

基于promise的ajax封装 1 //调用方式: 2 /* 3 ajaxPrmomise({ 4 url:, 5 method:, 6 headers:{} 7 }).then(res=>{}) 8 */ 9 10 ;(function(window){ 11 //设置默认的参数配置项 12 let _default = { 13 url:'', 14 baseURL:'', 15 method:'GET', 16 params:null, //get请求基于问号传参方式传递给服务器的内容

把ajax封装成类，用着方便

一直以来喜欢使用AJAX做一些方便的页面小功能,但是每次都写教案觉很费劲,于是封装了个简单的ajax类.毕竟不是精通js,还望各位指点一二~~ 不废话了,贴代码~~ function ajax() { this.request; this.header="/home/";//ajax初学最容易遇到的问题之一,路径问题,,一定要从域名后就开始写~~不是相对路径也不是绝对路径哈 this.createRequest=function() { var requests; if(window.

2、.net NVelocity中原生javascript ajax封装使用

在页面上,我们经常会遇到局部刷新的例子,这个时候,就需要用到ajax, 因为很多代码都是公用的,所以我们想到了,将代码封装,简化了使用,减少了冗余 javascript ajax代码如下: var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性 xmlhttp.open("POST", "AJ

学习-【前端】-ajax封装

平时我们多用ajax请求数据,这里给一个封装让大家参考下 function ajax(data, callback) { var defaultconifg = { "url": weburl, "contentType": "charset=UTF-8", "dataType": "json", "time

简单的ajax封装

/** * 封装的ajax请求函数有利于集中处理一些公共部分 * 调用ajax */ $(document).on('click', '.btn', function(e) { var data = {}: var reqObj = { data: data, callback: { success: function(res) { alert('成功'); }, error: function(res){ alert('失败'); } } }; ajax(api.apply, reqObj,