jquery 文件上传 触发两次_jQuery （四）

1. load方法
   1. 作用：从服务器加载内容，然后写入匹配元素
   2. 格式：元素.load（url地址，参数，回调函数） 例如；$(‘div’).load（url地址，参数，回调函数）
   3. 说明：
      1. url地址：表示被请求文件的地址，可以是html/txt/json等格式
      2. 参数：如果没有参数，那么表示请求类型为get，如果有参数表示post请求
      3. 回调函数，格式如下：function(参数1，参数2，参数3) {}，无论是否请求成功，都会触发

• 参数1：包含调用成功时浏览器返回的结果内容，字符串类型
• 参数2：包含调用的状态，如包含success和error
• 参数3：XMLHttpRequest对象， 及xhr

1. $.getJSON方法
   1. 作用：使用 AJAX 的 HTTP GET 请求获取 JSON 数据
   2. 格式：$.getJSON(url,data,success(data,status,xhr));
   3. 说明：
      1. url地址：表示被请求的JSON文件地址
      2. data：表示参数，可省
      3. success：回调函数，请求成功时运行，即响应状态码为success时触发

• 参数1：包含调用成功时的结果内容，对象类型
• 参数2：包含调用的状态，包含success和error
• 参数3：XMLHttpRequest对象

1. 1. 1. 返回值为xhr对象

1. $.getScript方法
   1. 作用：该方法使用 AJAX 的 HTTP GET 请求获取和执行 JavaScript。支持跨域
   2. 格式：$.getScript(url,success(response,status))
   3. 说明：
      1. url：js文件地址
      2. success：规定当请求成功时运行的函数，即响应状态码为success时触发

• response - 包含来自请求的结果数据
• status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）

1. 1. 1. 返回值为xhr对象

1. $.get方法
   1. 作用：此方法使用一个HTTP GET请求从服务器加载数据
   2. 格式：$.get（url,data,success(参数1，参数2，参数3 )）
   3. 回调函数success的说明：响应状态码为success时触发
      1. 参数1：包含调用成功时的结果内容
      2. 参数2：包含调用的状态，包含success和error
      3. 参数3：通信对象
      4. 返回值为xhr

1. $.post方法
   1. 作用：通过 HTTP POST 请求从服务器上请求数据
   2. 格式：$.post(URL,data,callback);
   3. 说明：
      1. 必需的 URL 参数规定您希望请求的 URL。
      2. 可选的 data 参数规定连同请求发送的数据。
      3. 可选的 callback 参数是请求成功后所执行的函数名，即响应状态码为success时触发，参数也是三个。

1. $.ajax方法
   1. 作用：用于通过后台HTTP请求加载远程数据。
   2. 格式1：$.ajax(url,{参数说明});
   3. 格式2：$.ajax({参数说明})
   4. 参数说明：
      1. type，请求类型，对应的值为‘get’和‘post’
      2. url，目标文件地址
      3. asyn，是否异步，对应的值为true（异步）或false（同步）
      4. success，请求成功后执行的回调函数，该函数的参数为请求返回的数据、响应状态字符串、jqXHR对象，只有请求成功时才会被执行到，即status的值为success的时候被触发
      5. error，请求失败时的回调函数，当请求失败时，即没有拿到数据时执行
      6. complete：请求完成时的回调函数，无论数据是否请求成功，该函数都会被执行
      7. data，向服务器传递的参数，参数为一个对象
      8. dataType：指定返回的数据类型，如果是json格式，可以写jsonp
      9. crossDomain：设置是否允许跨域，对应的值为false和true，如果是不允许跨域则设置值为false,或者默认不写，如果允许跨域则写true

1. jQuery插件
   1. 什么是jQuery插件：Jquery 插件是对jquery 库功能的拓展。插件里面是你要实现的个性化的效果
   2. 创建jQuery插件的常用方式
      1. $.extend(object) 可以理解为JQuery 添加一个静态方法。
      2. $.fn.extend(object) || $.prototype.extend(object) 可以理解为JQuery实例添加一个方法。

1. 1. 开发jQuery插件的标准结构
      1. 定义作用域：定义一个JQuery插件，首先要把这个插件的代码放在一个不受外界干扰的地方。如果用专业些的话来说就是要为这个插件定义私有作用域。外部的代码不能直接访问插件内部的代码。插件内部的代码不污染全局变量。在一定的作用上解耦了插件与运行环境的依赖。格式如下：

（function($) {}）（jQuery）；

1. 为jQuery扩展插件

• 添加静态方法

• • • • jQuery对象添加方法

1. . 自定义方法为jQuery定义一个方法

(function($){

$.fn.extend({

sty:function(opt){

var defaults = {

width:'600px',

borderStyle:'solid',

borderWidth:'1px',

borderColor:'#000',

borderCollapse:'collapse',

textAlign:'center'

}

var obj = $.extend(defaults,opt)

$(this).css(obj);

return (this)

}

})

})(jQuery)

$('table').sty()

$('td').sty({width:""})