ajax异步扩展,jQuery扩展ajax操作

Bertha 。 2022-09-03 06:18 222阅读 0赞

/\*\*

\* jq操作扩展

\* @param $

\*/

(function($)\{

/\*\*

\* 判断字符串是否为空

\*/

$.isEmptyStr =function(str)\{

if(null!= str &&''!= str &&'undefined'!= str)

returnfalse;

returntrue;

\};

/\*\*

\* 获取url中的参数

\*/

$.getUrlParam =function(url, name)\{

vartheRequest = \{\};

if(url.indexOf("?") !=-1) \{

varstr = url.substr(url.indexOf("?") +1);

strs = str.split("&");

for(vari =0; i < strs.length; i ++) \{

varkey = strs\[i\].substr(0, strs\[i\].indexOf('='));

varval = strs\[i\].substr(strs\[i\].indexOf('=') +1, strs\[i\].length);

theRequest\[key\]= val;

returntheRequest\[name\];

\};

/\*\*

\* 判断数组是否为空

\*/

$.isEmptyArray =function(list)\{

if(list && listinstanceofArray&& list.length >0)

returnfalse;

returntrue;

\};

/\*\*

\* 对ajax进行简单封装

\* url 发送请求的地址

\* params 发送到服务器的数据，数组存储，如：\{"date": new Date().getTime(), "state": 1\}

\* async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。

\* 注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

\* dataType 默认 application/json;charset=utf-8，常用的如：application/json;charset=utf-8(json)、application/x-www-form-urlencoded; charset=UTF-8(form)

\* contentType默认json， 预期服务器返回的数据类型，常用的如：xml、html、json、text

\* successfn 成功回调函数

\* errorfn 失败回调函数

\*/

$.ajaxReq =function(url, params, successfn, conentType, dataType, async, errorfn)\{

dataType = (dataType ==null|| dataType ==""||typeof(dataType) =="undefined") ?"json": dataType;

params = (params ==null|| params ==""||typeof(params) =="undefined") ? \{\} : params;

async= (async==null||async==""||typeof(async) =="undefined") ?"true":async;

contentType = (conentType ==null|| conentType ==""||typeof(conentType) =="undefined") ?"application/json;charset=utf-8":"application/x-www-form-urlencoded";

$.ajax(\{

type:"post",

async:async,

data: params,

url: url,

timeout:60000,

contentType: contentType,

dataType: dataType,

success:function(d)\{

if($.isFunction(successfn))

successfn(d);

\},

error:function(e)\{

if($.isFunction(errorfn))

errorfn(e);

\});

\};

/\*\*

\* url 发送请求的地址

\* params 发送到服务器的数据，数组存储，如：\{"date": new Date().getTime(), "state": 1\}

\* return 返回json数据

\*/

$.getData =function(url, params)\{

varretData = \{\};

params = (params ==null|| params ==""||typeof(params) =="undefined") ? \{\} : params;

$.ajax(\{

type:"post",

url:url,

dataType:"json",

data:params,

cache:false,

async:false,

timeout:60000,

success:function(data)\{

retData = data;

\},

error:function(err)\{

retData.exception = err;

retData.msg = err.responseText ||"请求失败";

\});

returnretData;

/\*\*

\* url 发送请求的地址

\* params 发送到服务器的数据，数组存储，如：\{"date": new Date().getTime(), "state": 1\}

\* return 返回html界面

\*/

$.loadHtml =function(url, params)\{

varhtml ="";

params = (params ==null|| params ==""||typeof(params) =="undefined") ? \{\} : params;

$.ajax(\{

type:"get",

url: url,

dataType:"html",

data: params,

cache:false,

async:false,

timeout:60000,

success:function(data)\{

html = data;

\},

error:function(err)\{

html = err.responseText ||"请求失败";

\});

returnhtml;

\})(jQuery);

ajax异步扩展,jQuery扩展ajax操作

发表评论取消回复

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

相关阅读

相关 AJAX手写JQuery并给类和函数扩展方法------AJAX

相关触碰jQuery：AJAX异步详解

相关 jquery ajax ajax()

相关 ajax异步扩展,jQuery扩展ajax操作

相关 jQuery如何操作ajax

相关 JQuery和AJAx的异步交互

相关 jquery ajax属性async(同步异步)

相关黄聪：chrome扩展开发《AJAX请求》

相关 JQuery使用$.ajax()实现异步请求

相关 Ajax扩展