Tag Archives: js封装

十二 04

原生js封装ajax：传json，str，excel文件上传表单提交

Posted on by

封装ajax,ajax封装,原生js

由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。

jQuery的ajax普通封装

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var ajaxFn = function(uri, data, cb) {
  $.ajax({
      url: uri,
      type: 'POST',
      dataType: 'json',
      data: data,
    })
    .done(cb)
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
}

原生ajax封装，设置header，传json Continue reading →

十一 30

jquery.form.js 已封装

Posted on by

jquery.form.js封装下载

插件优点

  1. 简简单单几句代码，我们就可以实现表单的提交，并且可灵活通过ajaxSubmit()函数基于任何事件的触发实现表单异步提交。
  2. 支持文件上传功能，并在新浏览器中支持进度条更新。
  3. 与jQuery库完美结合，支持jQuery.ajax()函数触发的各种事件，支持jQuery.ajax()中所传递的参数。

使用方法

插件提供ajaxSubmit和ajaxForm两种表单提交方式，注意：不要对同一个表单同时使用两种方式。 Continue reading →