使用对象封装ajax方法实现可重复调用

在项目中经常用到AJAX调用远程数据,每一次调用,都得写一个ajax方法,这就造成了重复代码过多,可读性也不够强,所以,我一般都是封装起来,需要的时候调用。
var imgUpload = {

    //ajax请求数据
    method:function(murl,mdata,method,success){
        $.ajax({
            type: method,
            url: murl,
            dataType : "jsonp",
            data: mdata,
            timeout: 20000,
            error: function (data) {
                console.log(data);
                alert("请求失败");
            },
            success: function (data) {
                //console.log(data);
                success?success(data):function(){};
            }
        });
    }
}

//调用
imgUpload.method("url","","get",function (data) {
    if(data.code == 0){
        alert(data);
    }else{
        alert("请求失败");
    }
});
				
时间: 2024-10-06 17:09:05

使用对象封装ajax方法实现可重复调用的相关文章

自已封装Ajax方法

function createXHR() { var request; if (typeof (XMLHttpRequest) == 'undefined') { request = new ActiveXObject('Microsoft.XMLHTTP'); } else { request = new XMLHttpRequest(); } return request; } var xhr = createXHR(); function ajax(method, url, isAsync

原生JS封装ajax方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</title> 10 <script> 11 12 //将对象序列

js jq封装ajax方法

json文本格式 { "userInfo":[ {name:"admin",password:"123"}, {name:"admin1",password:"123"} ] } js: window.onload=function(){ var txtName=..; var txtPwd=..; var url="Login.aspx?name="+txtName.value+&qu

原生js封装ajax方法,包含jsonp和网络超时处理

function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || 'json'; options.async = options.async || true; options.timeout=options.timeout||8000;//超时处理,默认8s var p

2017.11.30 Reat前后端数据交互之Button提交数据处理(ajax方法单独封装成API,不用Form)

1.按钮定义: 2.引入外部js文件(封装了ajax方法的文件):注意目录结构 3.调用ajax文件中的具体方法: 4.关于ajax文件中方法的编写语法: 写法一: 写法二: 写法二对应的调用该方法的写法: ##var mongoose = module.exports = exports = new Mongoose; 5.ES6中export.import与export default区别: export与export default均可用于导出常量.函数.文件.模块等,你可以在其它文件或模

Jquery在unload中成功调用Jquery的.ajax方法

因为页面要求,需要在页面跳转的时候做一些数据的保存工作,试了很多次,发现Jquery的unload事件中调用.ajax方法,在FireFox中可以顺利执行,但是在Chromium下却返回了textStatus为error的消息.试验过很多方法,例如在页面离开时弹出确认框,这样虽然返回了error消息,但是数据库显示操作执行完毕.将确认框除去后,数据库依然没有响应. 查阅多方资料后,发现是以为.ajax的异步响应问题,把ajax请求改为同步的,问题解决. 代码如下: 1 $(window).unl

封装一个类似jquery的ajax方法

//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataType:"json"/"jsonp", // url:"地址", // data:{key:value} // success:function(){ // } // } //还需要一个跨域方法,可以访问远程服务器的数据 function myAja

java.lang.IllegalThreadStateException异常原因解析——同一个线程不能重复调用start方法

前几天写了个小程序,运行的时候发现在循环第二遍的时候出现了java.lang.IllegalThreadStateException异常通过上网查询发现同一个Thread不能重复调用start方法,做如下修改就好了:将自己定义的SellTicket extends Thread 线程类改成SellTicket implements Runnable,后用new Thread(robot).start 就可以启动多次了

Android ListView getView()方法重复调用导致position错位

问题现状:Android ListView getView()方法重复调用导致position错位 解决办法:把ListView布局文件的layout_height属性改为fill_parent或者match_parent. <ListView android:id="@+id/myphoto_listview" android:layout_width="match_parent" android:layout_height="match_pare