使用jquery form插件进行异步带文件的表单提交

引入form插件与jquery 的js文件后

获取表单的jq对象 然后.ajaxSubmit提交表单即可

实现添加品牌的异步表单提交

function addBarandImg(formId) {

    $(‘#‘+formId).ajaxSubmit({
        url: ‘/ProductManage/AddBrand‘,
        //data: $("#" + formId).serialize(),
        type: ‘post‘,
        dataType: "json",
        success: function (data) {
            if (data.state == "success")
                alert("添加成功");

        },
        error: function () {
            alert(data.content)
        }
    });
}

  

时间: 2024-10-01 21:45:42

使用jquery form插件进行异步带文件的表单提交的相关文章

带文件的表单提交

今天用表单提交一个文件到服务器,但服务器始终接收不到上传的文件.最后排除出原因有二: 1 表单需要封装. <form>标签要加上 enctype="multipart/form-data"属性 2 文件选择控件一定要有name和id属性 <form method="post" action="http://www.baidu.com" enctype="multipart/form-data"> <

jQuery Form 表单提交插件----Form 简介,官方文档,官方下载地址

 一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields(

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用. HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/ <script type

Jquery Ajax表单提交插件jquery form用法

首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/  代码如下 复制代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.m

使用jQuery.form插件,实现完美的表单异步提交

示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是 今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 现在我们从一个ASP.NET同步表单提交开始,然后再将其转化为异步的表单提交.我写了3种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. ASP.NET服务

jQuery.Form插件介绍

一.前言  jQuery From插件是一个优秀的Ajax表单插件,使用它可以让你非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery From有两个主要方法:ajaxForm和ajaxSubmit,它们集合了从控制表单元素到决定如何管理提交进程的功能,这两个方法支持许多充分控制数据提交的参数选项(options).用Ajax来提交表单,你不可能找到比这个更容易的了. 二.快速入门  1.增加表单代码 Html代码   <body> <form id="myForm

jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用

一.jQuery Form的其他api  1.  formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可以连环调用: 否, 这个方法返回的是一个字符串. 例子: var queryString = $('#myFormId').formSerialize(); // the data could now be submitted using $.get, $.post, $.ajax, etc $.post(

表单提交音乐文件(php)

利用点空闲时间来写个博客,最近做的项目中需要表单提交音频的,图片的,各种类型,把它存到数据库里,这里先来说一下音乐文件的表单提交吧,后几天再来更新输入数据库的,先看一下效果 点击浏览 就会出来预览,点击mp3的文件 打开播放也可以正常播放 再来换一张图片,试试能不能传上 提交张图片 点击提交 提交不成功,因为这个只允许MP3格式的文件提交 刚才还没看mp3的提交,下面提交一下MP3文件 点击提交 因为没有给它设置跳转页面,所以还在它的处理页面 和图片上传的原理是一样的,图片上传在我的前几篇博客中

使用 jQuery FileUpload 插件实现异步上传

首先,先做两个提前准备工作  1.下载插件 2.向项目导入需要的css样式和js样式 下面,开始实现 使用 jQuery FileUpload 插件实现异步上传 <!- jsp 页面  以添加一个学生为例子 -!> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html P