jq.form提交上传文件的方法

         // 下载引入jQuery Form
         // form表单准备好
        <form method="post" enctype="multipart/form-data"></form>
        // 配置
        var options = {
           target: '#output',          // 把服务器返回的内容放入id为output的元素中    
           beforeSubmit: showRequest,  // 提交前的回调函数
           success: showResponse,      // 提交后的回调函数
           url: url,                   // 默认是form的action, 如果申明,则会覆盖
           type: type,                 // 默认是form的method(get or post),如果申明,则会覆盖
           dataType: null,             // html(默认), xml, script, json...接受服务端返回的类型
           clearForm: true,            // 成功提交后,清除所有表单元素的值
           resetForm: true,            // 成功提交后,重置所有表单元素的值
           timeout: 3000               // 限制请求的时间,当请求大于3秒后,跳出请求
           }

           function showRequest(formData, jqForm, options){
          // formData: 数组对象,提交表单时,Form插件会以Ajax方式自动提交这些数据,格式如:[{name:user,value:val },{name:pwd,value:pwd}]
          // jqForm:   jQuery对象,封装了表单的元素   
          // options:  options对象
          var queryString = $.param(formData);   // name=1&address=2
          var formElement = jqForm[0];              // 将jqForm转换为DOM对象
          var address = formElement.address.value;  // 访问jqForm的DOM元素
          return true;  // 只要不返回false,表单都会提交,在这里可以对表单元素进行验证
          };
 
         function showResponse(responseText, statusText){
          // dataType=xml
          var name = $('name', responseXML).text();
          var address = $('address', responseXML).text();
          $("#xmlout").html(name + "  " + address);
          // dataType=json
          $("#jsonout").html(data.name + "  " + data.address);
           };
 
          $("#myForm").ajaxForm(options);
 
          $("#myForm2").submit(funtion(){
                $(this).ajaxSubmit(options);
              return false;   //阻止表单默认提交
           });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值