`
duinibuhaome
  • 浏览: 41324 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

ajaxsubmit提交两个表单的问题(其中一个为上传表单)

阅读更多

有2个表单,一个是上传表单,一个是正常表单

上传表单需要加enctype="multipart/form-data"

问题出现了,在文件上传后,点击保存,保存正常表单数据,无法再后台接收数据,都是null

经过查看传向后台的数据块的content-type仍然是multipart/form-data,所以会获取不到值

试过不少方法,修改form的enctype为application/x-www-form-urlencoded,确实无法修改

最后同事将正常表单提交改成$.ajax({})提交,提交成功了。

$.ajax({
    url:ctx+"/common/commonUpdateInt?sqlid=xxfb",
    type:'POST',
     dataType: 'json',
     data:  $('#xxfbForm').serialize(),
    async: false,
    cache:false,
     success: function(json)
    {
     if(json.success){
      bc_result=json.message
     }else{
      alert("保存失败");
     }
    }
   });

 

分享到:
评论

相关推荐

    AjaxSubmit()提交file文件

    这样可以确保只通过ajaxSubmit()来提交表单,避免了因表单默认提交导致的多次提交问题。 使用AjaxSubmit()方法上传file文件时,需要确保服务器端接口能够处理multipart/form-data类型的数据,因为文件上传通常都是...

    JQuery.form表单提交参数详解.txt

    这两个方法都接受一个参数 `options`,该参数可以是一个对象或者是一个回调函数。当传入一个对象时,对象包含了一系列配置选项,用于控制 AJAX 行为。下面详细介绍这些配置选项: 1. **`target`**: - 用途:指定...

    ajaxSubmit上传文件IE解析

    本文将围绕一个具体的案例——使用`ajaxSubmit`插件上传文件时,在Internet Explorer浏览器中的解析问题进行深入分析,并给出相应的解决方案。 #### 问题描述 案例中提到的问题主要集中在使用`ajaxSubmit`插件上传...

    jQuery使用ajaxSubmit()提交表单示例

    该方法接受一个参数,该参数是一个对象,其中可以指定提交的类型(type,可以是'get'或'post')、提交的URL(url)、需要提交的数据(data)以及提交成功后的回调函数(success)。 在回调函数中,我们通常会处理...

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

    接下来,我们来创建一个简单的HTML表单,并为其添加一个id以便于后续的JavaScript操作: ```html 用户名"> 密码"> 提交 ``` 现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步...

    jquery_form_js 表单提交自定义源码

    在`jquery.form.js`中,首先定义了$.fn.extend方法,将$.ajaxForm和$.ajaxSubmit两个主要功能方法添加到jQuery对象上,使得用户可以通过`$(form).ajaxForm()`或`$(form).ajaxSubmit()`进行调用。 2. AjaxForm方法 ...

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

    在提到的标题和描述中,".ajaxSubmit"是一个jQuery插件的方法,用于处理表单的Ajax提交,这允许用户在不刷新整个页面的情况下发送数据到服务器。而“jquery-migrate-1.2.1.js”和“ajax.js”是两个关键的JavaScript...

    jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码

    在提供的代码示例中,由于存在OCR扫描识别错误,部分文字可能无法完全理解,但整体上,可以看出这是一个典型的使用ajaxSubmit()进行异步文件上传和表单提交的实现。开发者可以参考此代码示例,根据自身项目的需要...

    jsp中使用jquery的ajaxSubmit方法实现现异步上传

    接下来,我们需要引入`jquery.form.js`插件,它扩展了jQuery的功能,提供了方便的表单提交和文件上传接口,包括`ajaxSubmit`。将这个文件添加到HTML页面的`<head>`部分或`<body>`底部,确保在jQuery之后引入。 现在...

    jxl以及jquery的form提交

    结合这两个技术,你可以实现一个系统,允许用户通过Web界面上传Excel文件,然后使用Java后台处理这些文件,并通过异步表单提交返回结果。例如,你可以创建一个表单让用户选择Excel文件,然后使用`jQuery.form`进行...

    如何理解jQuery中的ajaxSubmit方法

    上述代码中,当用户点击id为`btnUpLoadFile`的元素时,会触发一个函数,该函数调用`ajaxSubmit`方法提交id为`AddDiglogDivform`的表单到`/ActionInfo/`地址。成功和失败的回调函数分别用于处理提交成功和失败后的...

    extjs四种异步提交

    `saveUser_ajaxSubmit3`函数创建了一个EXT JS的表单面板`FormPanel`,包含两个文本字段。当点击“确定”按钮时,表单会使用`getForm().submit()`方法提交数据。这种方式更加灵活,因为可以利用EXT JS的组件和布局...

    jQuery Form 页面表单提交的小例子

    接着,定义了一个名为`createInstance`的函数,这是处理表单提交的主要逻辑。在这个函数中,我们创建了一个`options`对象,用于配置表单提交的行为: ```javascript function createInstance() { var options = { ...

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

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

    jquery validate和jquery form 插件组合实现验证表单后AJAX提交

    **jQuery validate.js** 是一个强大的表单验证插件,它允许开发者预设一系列规则,用于检查表单字段的内容是否符合要求。例如,可以设置必填项、电子邮件格式、数字范围等验证规则。这样,用户在填写表单时,如果...

    ajax提交url与ajax提交表单的详细比较

    本文将深入探讨两种使用Ajax进行数据交互的方式:通过URL传递参数和通过表单提交。 1. **Ajax提交URL** Ajax提交URL适用于传递较小量的数据,特别是当数据可以简单地以键值对形式表示时。例如,在上述代码段中,`...

    jquery.form.js

    总的来说,jQuery.form.js 4.2.2版本通过ajaxSubmit和ajaxForm方法,解决了跨浏览器的异步表单提交问题,为开发者带来了更稳定、更高效的表单处理方案。无论是在大型企业级应用还是小型个人项目中,这个插件都是一款...

    jquery管理cookie和form的js

    使用`$.cookie(name, value, options)`可以创建一个cookie,其中`name`是cookie的名称,`value`是存储的值,`options`是可选参数,如过期时间、路径、域等。 2. **读取Cookie**: 要获取一个cookie的值,可以使用...

    如何用JQuery进行表单验证.pdf

    在 Web 开发中,表单验证是一个非常重要的步骤,旨在确保用户输入的数据的正确性和有效性。jQuery 是一个非常流行的 JavaScript 库,提供了许多有用的功能来简化 Web 开发。下面,我们将讨论如何使用 jQuery 进行...

Global site tag (gtag.js) - Google Analytics