`

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/

 

希望有用.

 

分享到:
评论

相关推荐

    ajaxForm插件

    AjaxForm可以与各种前端表单验证插件(如jQuery Validation Plugin)结合使用,确保在提交表单前数据有效。在`beforeSubmit`回调中,可以调用验证插件的验证方法,如`valid()`。 ## 六、注意事项 - 确保服务器端...

    ajaxForm异步提交表单(含图片)

    AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...

    jquery-form.js

    它是jQuery Form Plugin的核心代码,包含了实现异步表单提交和文件上传所需的所有功能。通过引入这个文件到你的HTML文档中,你可以轻松地启用这些高级特性。 jQuery Form Plugin的主要特点包括: 1. **异步表单...

    jquery.form.js和使用说明

    而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富的功能,包括异步提交表单、表单验证以及实时反馈等功能。本文将详细解析jQuery Form Plugin的使用及其核心知识点。 首先,`jquery.form.js`是这...

    jquery.form提交方式

    如果你的表单只需要简单的异步提交,`$.ajaxForm()`会自动处理表单事件和序列化数据。 ```javascript $('form').ajaxForm({ url: 'your-url', success: function(response) { // 处理响应 } }); ``` 四、表单...

    jquery form ajax 插件

    2. 主要功能:该插件的核心功能包括异步提交表单、文件上传、进度显示、错误处理等。它通过监听表单的submit事件,拦截默认的表单提交行为,转而使用AJAX方式进行提交,从而避免页面的刷新。 二、安装与引入 在...

    jquery.form.js

    《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`jquery.form.js`是jQuery的一个重要插件,它扩展了jQuery的核心功能,使得表单的异步...

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

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

    jquery ajaxSubmit提交所用到的jquery.form.js

    除了`ajaxSubmit`,jQuery Form Plugin还提供了`ajaxForm`、`serializeArray`、`serialize`等方法,这些方法同样增强了对表单的处理能力。`ajaxForm`是用于自动绑定表单的提交事件,`serializeArray`和`serialize`...

    jquery异步提交form表单

    这是jQuery Form Plugin的一个核心文件,它扩展了jQuery,使得我们可以方便地进行异步表单提交。例如,我们可以使用以下代码来实现: ```javascript $("#myForm").submit(function(event) { event.preventDefault...

    【springmvc+jquery.form.min.js+spring文件上传】

    `ajaxSubmit`是jQuery Form Plugin的一个核心功能,它允许我们通过AJAX方式提交表单,包括包含文件的表单。这样,用户无需刷新页面即可完成文件上传,提高了用户体验。使用`ajaxSubmit`时,需要配置相关的参数,如...

    .ajaxSubmit方式提交所需要的 jquery-migrate-1.2.1.js 和 ajax.js

    综上所述,这个项目使用了jQuery和jQuery Form Plugin来实现Ajax提交表单的功能,特别是用于处理文件上传,如头像或其他用户提交的文件。`jquery-migrate-1.2.1.js`保证了与旧代码的兼容性,而`ajax.js`包含了具体的...

    PHP + jQuery实现ajax文件即时上传 预览 配套资源

    通过调用`$("#formID").ajaxSubmit()`,我们可以轻松地实现Ajax提交表单,包括文件。这个插件还提供了许多自定义选项,如设置请求类型、添加验证、处理成功或失败的回调函数等。 3. **tongji.js**: "tongji"在...

    240多个jQuery UI插件

    - **AjaxFileUpload**: 基于Ajax技术实现的文件上传插件,可以实现无刷新上传。 - **jQUploader**: 一款轻量级的文件上传插件,易于集成,适合快速开发。 - **MultipleFileUpload plugin**: 支持同时上传多个文件...

    jQuery Form Plugin

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

    使用ajaxSubmit文件实现多文件的异步上传

    `ajaxSubmit`是jQuery Form Plugin的一部分,它允许我们使用Ajax技术实现表单的异步提交,包括多文件上传。这种方式不仅可以提高用户体验,因为用户无需等待页面刷新,还能有效管理服务器资源,避免一次性处理大量...

    php upload文件上传代码 jquery ajax无刷新

    在本例中,我们将使用一个jQuery插件,如`AjaxUpload`或者`jQuery Form Plugin`来处理文件上传。这些插件提供了友好的API,使我们能够方便地构建无刷新上传功能。 下面是一个基本的使用步骤: 1. **HTML结构**:...

    jquery实现表单文件上传,并获取回调信息

    首先,我们需要理解jQuery中的`ajaxForm`或`ajaxSubmit`方法,这两个方法是jQuery Form Plugin的一部分,可以在异步方式下提交表单,包括文件上传。这里,`index.jsp`文件可能是我们的HTML页面,其中包含用于文件...

Global site tag (gtag.js) - Google Analytics