让jQuery的load方法可以接受ajax选项(解决缓存等问题)

有朋友提到了jQuery.load方法的缓存问题, 这里就对其load进行一下小的改造(基本上是照抄), 让我们可以在使用load时, 同样的指定ajax选项.

扩展后的使用接口:

1. 如果只给定一个参数, 那么该参数是url

2. 以下三条只适用于给定两个参数的情况

2. 1 如果第二个参数是函数, 则认为它是回调函数

2.2 如果第二个参数是字符串, 则认为是给定的请求参数(一旦给定参数, 则使用POST提交)

2.3 如果第二个参数是对象, 则认为该参数是设置的ajax选项.

3. 如果第二个参数是对象, 并且给定的第三个参数, 就认为第三个参数是ajax选项

4. 按照顺序传递了四个, 参数, 意义就很明确了...

不足之处, 请指出共同学习.

//对jQuery的load进行了扩展, 支持第四个参数, 用来控制ajax加载的选项 jQuery.fn.extend({ // Keep a copy of the old load _load: jQuery.fn.load, load: function( url, params, callback, ajaxOptions ) { if ( typeof url !== "string" ) return this._load( url ); var off = url.indexOf(" "); if ( off >= 0 ) { var selector = url.slice(off, url.length); url = url.slice(0, off); } // Default to a GET request var type = "GET"; //处理第二个参数 if ( params ) { // 如果是函数, 说明是回调 if ( jQuery.isFunction( params ) ) { // We assume that it's the callback callback = params; params = null; // 如果是字符串, 说明是参数 } else if( typeof params === "string" ) { type = "POST"; //如果是对象, 说明是选项 } else if(typeof params === 'object') { ajaxOptions = params; } } //处理第三个参数 if(callback && typeof params === 'object') { ajaxOptions = callback; } var self = this; // Request the remote document ajaxOptions = $.extend(true, ajaxOptions, { url: url, type: type, dataType: "html", data: params, complete: function(res, status){ // If successful, inject the HTML into all the matched elements if ( status == "success" || status == "notmodified" ) // See if a selector was specified self.html( selector ? // Create a dummy div to hold the results jQuery("<div/>") // inject the contents of the document in, removing the scripts // to avoid any 'Permission Denied' errors in IE .append(res.responseText.replace(/<script(.|/s)*?//script>/g, "")) // Locate the specified elements .find(selector) : // If not, just inject the full result res.responseText ); if( callback ) self.each( callback, [res.responseText, status, res] ); } }); jQuery.ajax(ajaxOptions); return this; } });