有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()来提交表单,避免了因表单默认提交导致的多次提交问题。 使用AjaxSubmit()方法上传file文件时,需要确保服务器端接口能够处理multipart/form-data类型的数据,因为文件上传通常都是...
这两个方法都接受一个参数 `options`,该参数可以是一个对象或者是一个回调函数。当传入一个对象时,对象包含了一系列配置选项,用于控制 AJAX 行为。下面详细介绍这些配置选项: 1. **`target`**: - 用途:指定...
本文将围绕一个具体的案例——使用`ajaxSubmit`插件上传文件时,在Internet Explorer浏览器中的解析问题进行深入分析,并给出相应的解决方案。 #### 问题描述 案例中提到的问题主要集中在使用`ajaxSubmit`插件上传...
该方法接受一个参数,该参数是一个对象,其中可以指定提交的类型(type,可以是'get'或'post')、提交的URL(url)、需要提交的数据(data)以及提交成功后的回调函数(success)。 在回调函数中,我们通常会处理...
接下来,我们来创建一个简单的HTML表单,并为其添加一个id以便于后续的JavaScript操作: ```html 用户名"> 密码"> 提交 ``` 现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步...
在`jquery.form.js`中,首先定义了$.fn.extend方法,将$.ajaxForm和$.ajaxSubmit两个主要功能方法添加到jQuery对象上,使得用户可以通过`$(form).ajaxForm()`或`$(form).ajaxSubmit()`进行调用。 2. AjaxForm方法 ...
在提到的标题和描述中,".ajaxSubmit"是一个jQuery插件的方法,用于处理表单的Ajax提交,这允许用户在不刷新整个页面的情况下发送数据到服务器。而“jquery-migrate-1.2.1.js”和“ajax.js”是两个关键的JavaScript...
在提供的代码示例中,由于存在OCR扫描识别错误,部分文字可能无法完全理解,但整体上,可以看出这是一个典型的使用ajaxSubmit()进行异步文件上传和表单提交的实现。开发者可以参考此代码示例,根据自身项目的需要...
接下来,我们需要引入`jquery.form.js`插件,它扩展了jQuery的功能,提供了方便的表单提交和文件上传接口,包括`ajaxSubmit`。将这个文件添加到HTML页面的`<head>`部分或`<body>`底部,确保在jQuery之后引入。 现在...
结合这两个技术,你可以实现一个系统,允许用户通过Web界面上传Excel文件,然后使用Java后台处理这些文件,并通过异步表单提交返回结果。例如,你可以创建一个表单让用户选择Excel文件,然后使用`jQuery.form`进行...
上述代码中,当用户点击id为`btnUpLoadFile`的元素时,会触发一个函数,该函数调用`ajaxSubmit`方法提交id为`AddDiglogDivform`的表单到`/ActionInfo/`地址。成功和失败的回调函数分别用于处理提交成功和失败后的...
`saveUser_ajaxSubmit3`函数创建了一个EXT JS的表单面板`FormPanel`,包含两个文本字段。当点击“确定”按钮时,表单会使用`getForm().submit()`方法提交数据。这种方式更加灵活,因为可以利用EXT JS的组件和布局...
接着,定义了一个名为`createInstance`的函数,这是处理表单提交的主要逻辑。在这个函数中,我们创建了一个`options`对象,用于配置表单提交的行为: ```javascript function createInstance() { var options = { ...
首先,我们需要理解jQuery中的`ajaxForm`或`ajaxSubmit`方法,这两个方法是jQuery Form Plugin的一部分,可以在异步方式下提交表单,包括文件上传。这里,`index.jsp`文件可能是我们的HTML页面,其中包含用于文件...
**jQuery validate.js** 是一个强大的表单验证插件,它允许开发者预设一系列规则,用于检查表单字段的内容是否符合要求。例如,可以设置必填项、电子邮件格式、数字范围等验证规则。这样,用户在填写表单时,如果...
本文将深入探讨两种使用Ajax进行数据交互的方式:通过URL传递参数和通过表单提交。 1. **Ajax提交URL** Ajax提交URL适用于传递较小量的数据,特别是当数据可以简单地以键值对形式表示时。例如,在上述代码段中,`...
总的来说,jQuery.form.js 4.2.2版本通过ajaxSubmit和ajaxForm方法,解决了跨浏览器的异步表单提交问题,为开发者带来了更稳定、更高效的表单处理方案。无论是在大型企业级应用还是小型个人项目中,这个插件都是一款...
使用`$.cookie(name, value, options)`可以创建一个cookie,其中`name`是cookie的名称,`value`是存储的值,`options`是可选参数,如过期时间、路径、域等。 2. **读取Cookie**: 要获取一个cookie的值,可以使用...
在 Web 开发中,表单验证是一个非常重要的步骤,旨在确保用户输入的数据的正确性和有效性。jQuery 是一个非常流行的 JavaScript 库,提供了许多有用的功能来简化 Web 开发。下面,我们将讨论如何使用 jQuery 进行...