`

ajax form 提交 (包括文件上传) --jquery form plugin

阅读更多

最近做一个全ajax的web项目,在注册提交表单时,除了其他,另外还要上传图片.

如果没有图片的上传,用jquery

 

        $("#login-form").submit(function(event) {
            /* stop form from submitting normally */
            event.preventDefault();
           
            /* Send the data using post and put the results in a div */
            $.post( requestURL, {
                "username": username,
                "password": password
            },function(data) {

                     //
                }
            });
        });

 

便可以搞定了,现在要上传图片,,这个就不行了.google了一下,发现jquery-form-plugin这个插件不错,20kb.

具体可以参考官网: http://www.malsup.com/jquery/form/#getting-started

这里也是一个教程:  http://www.web-development-blog.com/archives/jquery-form-plugin-and-php-file-uploads/

 

希望有用.

 

分享到:
评论

相关推荐

    jQuery表单插件jquery.form.js(示例源码)

    jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。

    jquery-form.js

    js使用ajax异步提交图片所需引入文件jquery-form.js

    jQuery Form Plugin

    插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够从form组件里采集信息确定如何处理表单的提交过程。两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。这让采用AJAX方式提交一个表单的...

    jquery.form.js

    * jQuery Form Plugin * version: 3.51.0-2014.06.20 * Requires jQuery v1.5 or later * Copyright (c) 2014 M. Alsup * Examples and documentation at: http://malsup.com/jquery/form/ * Project ...

    jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

    Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。 测试环境:部署到Tomcat中的web项目。 本文演示的是:jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象 ajax...

    jQueryFormPlugin允许你轻松和不显眼地升级HTML表单以使用AJAX

    jQuery Form Plugin允许你轻松和不显眼地升级HTML表单以使用AJAX。 主要方法,ajaxForm和ajaxSubmit,从表单元素收集信息,以确定如何管理提交过程。 这两种方法都支持许多选项,使您可以完全控制数据的提交方式。

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    Ajax表单异步上传文件实例代码(包括文件域)

    先是尝试了一下 “jQuery Form Plugin” ,这玩意就是的巨大的坑,实现他和jquery1.9.2兼容性就不是太好,好不容易把$.browser的问题解决了,发现用他上传文件得不到返回值。 $(#view).submit( $(#view)....

    Jquery.Form 异步提交表单的简单实例

    form id=”myForm” method=”post” action=”/Home/AjaxForm”><div>Name:<input id=”username” name=”username” type=”text” /> Password:<input id=”password” name=”password” type=”...

    jquery.form.monitoring:jQuery plugin.form更改监视回调

    (function(){ $('form#form').formMonitoring({ ajax: true, // boolean or $.ajax() option paramater ajaxLoading: function(elm){ // if ajax option then call ajax before call }, callback : function(elm){ ...

    形式:jQuery形式插件

    主要方法ajaxForm和ajaxSubmit从form元素收集信息,以确定如何管理提交过程。 这两种方法都支持众多选项,使您可以完全控制数据的提交方式。 不需要特殊的标记,只需一个正常的形式。 用AJAX提交表单没有比这更容易...

    分享27款非常棒的jQuery 表单插件

    本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。 1- jQuery inline form ...8- In-Field Labels jQuery Plugin 9- jQuery Comment Preview 10- Input Fields with Images 11- Pretty

    jquery-load-json:jQuery插件,使开发人员能够从服务器加载JSON数据并将JSON对象加载到DOM中

    jQuery loadJSON插件这是一个jQuery插件,使开发人员能够从服务器加载JSON数据并将JSON对象加载到DOM中。 不需要模板语言-该插件使用DOM元素属性将HTML页面中的DOM元素与JSON对象进行匹配。社区是否想为jQuery load...

    jquery插件使用方法大全

    由于jQuery 1.5的Ajax模块内置使用了延迟对象,因此现在通过jQuery编写Ajax程序将自动获得这一功能。 开发人员借此可以使用无法立即获得的返回值(如异步Ajax请求的返回结果),而且第一次能够附加多个事件处理器。 ...

    jQuery-Custom-Forms:一个用于生成具有可访问性的自定义表单的插件

    jQuery自定义表单 生成可访问的自定义表单的插件:选择,单选,复选框。 演示: : 用法 <!-- Add jQuery and the plugin file in your HTML page --> < script type =" text/javascript " src =" ...

    JQuery-JSON-Form-Binding:一个轻量级插件,用于将JSON数据绑定到表单。 对于使用AJAX和具有大量字段的表单很有用

    JQuery-JSON-Form-Binding:一个轻量级插件,用于将JSON数据绑定到表单。 对于使用AJAX和具有大量字段的表单很有用

    form-async:易于使用的库,提供表单更改时的缩写发送

    表单异步 Form Async是一个易于使用的库,它提供有关表单更改的缩写发送。 这是防止在填写Web表单时丢失数据的绝佳解决方案。产品特点轻量级(〜1.5kb gziped) 保存任何HTML表单元素支持内容可编辑属性完全定制如果...

    分享5个好用的javascript文件上传插件

    文件上传是我们开发网站程序时经常遇到的功能,选择一个功能强大,使用简单的上传插件可以节省我们很多开发时间,下面就为大家介绍5个不错的javascript文件上传插件 这篇文章的资源均来自...

Global site tag (gtag.js) - Google Analytics