easyui ajax 封装和使用

╰+攻爆jí腚メ 2022-05-21 03:37 235阅读 0赞

ajax:function(obj){//ajax请求数据
    		$.ajax({
    			url:obj.url,
    			async : obj.noAsync==undefined?!0:!1,
    			data:obj.data==undefined?"":obj.data,
    			dataType:obj.dataType==undefined?"json":obj.dataType,
    			type:obj.type==undefined?"post":obj.type,
    			contentType:obj.contentType == undefined ? "application/x-www-form-urlencoded" : obj.contentType,
    			traditional:obj.traditional == undefined ? false : obj.traditional,
    			timeout:30000,
    			beforeSend : function(jqXHR, setting) {//数据查询过程中
    				if(obj.noneOpen==undefined){
    					easyui.open();
    				}
    			},
    			complete : function(XMLHttpRequest, textStatus) {//数据查询超时
    				if(textStatus=="timeout"){
    					easyui.msg("查询数据超时！");
    					easyui.close();
    				}
    			},
    			success : function(data) {//数据查询成功
    				easyui.close();
    				if(obj.func!=undefined){
    					obj.func(data);
    				}
    			},
    			error : function(error) {//数据查询失败
    				easyui.close();
    				if(obj.error!=undefined){
    					obj.error(error);
    				}
    			}
    		});
    	},

使用方法：

easyui.ajax({
    				url:path+"/electric/statistic/lcbglnh",				
    				data:elem,
    				func:function(data){
    					if(!data || data.error){
    						$("#_body").empty();
    						$("#line").css("display","none");
      						easyui.msg("没有查询到数据");
      						return;
      					}
    							  		  		  		  
    				 }
    			});

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Promise封装Ajax()

封装Ajax let _ajax = ({ method, url, data}) => { return ne

骑猪看日落/ 2023年10月08日 11:14/ 0 赞/ 20 阅读

相关使用Promise封装Ajax操作

请使用Promise封装Ajax操作原始的Ajax操作如下：原型： var onSuccess = function(result){ }; //成功的回调

朴灿烈づ我的快乐病毒、/ 2022年12月21日 02:28/ 0 赞/ 219 阅读

相关封装ajax

封装原则把可能会变动的内容,都给弄参数,让用户传递进来 function aa({ url,type='get',async=true,data,success,e

╰+攻爆jí腚メ/ 2022年12月20日 02:49/ 0 赞/ 141 阅读

相关 ajax封装框架,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种

柔情只为你懂/ 2022年09月03日 15:24/ 0 赞/ 294 阅读

相关 AJAX封装

function ajax({type,url,data,dataType}){ return new Promise(function(resolve)

Bertha 。/ 2022年06月04日 08:57/ 0 赞/ 264 阅读

相关 AJAX封装

ajaxutils.js // 创建request对象 function createXMLHttpRequest() { try {

Dear 丶/ 2022年06月04日 05:57/ 0 赞/ 270 阅读

相关 easyui ajax 封装和使用

ajax:function(obj){//ajax请求数据 $.ajax({ url:obj.url, async : obj.

╰+攻爆jí腚メ/ 2022年05月21日 03:37/ 0 赞/ 236 阅读

相关 ajax封装

封装js: $.conf = { tip:function(){ }, surl:function(url)

亦凉/ 2022年05月14日 02:05/ 0 赞/ 292 阅读

相关 jQuery封装Ajax，SpringMVC使用Ajax的配置

上一遍已经讲了使用原生js开发Ajax，熟悉其原理再来学jQuery封装好的就容易多了， Jquery中已经封装好$.ajax()方法，我们可以直接调用，具体的属性含义可以参

╰半夏微凉°/ 2021年11月23日 04:46/ 0 赞/ 359 阅读

相关封装ajax

初始化AJAX要有四步： 1 初始化XHR对象 2 设置onreadystatechange事件 3 调用open方法 4 调用send方法 onread

不念不忘少年蓝@/ 2021年09月02日 05:48/ 0 赞/ 511 阅读