用jquery-form.js提交的表单中带有文件上传时,点击提交,后台会返回一个JSON对象让用户下载,而我们想要的效果是实现页面整体不刷新实现表单的提交。
解决方法:
在原有基础上做如下修改
1.dataType : ''josn" 改为 dataType : 'text/html'
2.Action中加入
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charaset=utf-8");
response.getWriter().write("<textarea>"+123+"</textarea>");
实质是返回的空JSON对象藏在textarea带回去,而返回后整个页面不刷新,也不会返回一个JSON对象让用户下载,表单仍然是提交了,这样就达到了原来期望的效果。
分享到:
相关推荐
异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!
- **表单(Form)**:包括输入框、开关、选择器等,可进行数据验证和提交。 - **提示(Toast)**:快速显示短暂的提示信息,如加载完成、操作成功等。 - **加载(Loading)**:展示加载状态,有全屏加载和小图标加载...
这段JavaScript代码监听`#fileInput`元素的`change`事件,当用户选择文件后,它将使用jQuery Form插件异步提交表单。`beforeSubmit`回调可以用来显示加载指示器,而`success`和`error`回调则处理服务器响应。 通过...
本文将深入探讨jQuery.metadata.js的工作原理、使用方法以及在实际项目中的应用。 首先,元数据(Metadata)是关于数据的数据,通常用于描述一个对象的属性或特性。在Web开发中,元数据可以用来存储关于HTML元素的...
1. CSS和JavaScript引用:在HTML文件中,需要引入jQuery库、jQuery EasyUI的核心CSS和JS文件,以及相应的主题文件,以保证所有组件的正常显示和功能。 2. 数据绑定:EasyUI的组件大多支持数据绑定,可以通过JSON...
6. **Form**:表单相关的工具,包括验证、序列化等,简化了表单数据的处理和提交过程。 7. **Slide**:用于创建滑动效果,如幻灯片展示,为网站增添动态元素。 jQuery Tools的强项在于其对jQuery核心库的补充,...
jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果等任务,而“jQuery填写表单带步骤指引的表单向导提示插件”则进一步提升了表单填写的体验,通过引导式提示帮助用户逐步完成复杂的表单填写...
要使用它,只需使用带有.validate()方法的 jQuery 选择器: $ ( "#myForm" ) . validate ( ) ; 这将为表单设置onsubmit处理程序。 这意味着无论何时提交表单,数据都会被验证。 如果数据无效,则不会提交表单。 ...
综上所述,"feedback.js.zip"中的前端项目专注于创建一个带有屏幕截图功能的反馈表单,涉及了JavaScript编程、用户交互、数据传输和现代前端开发的多个方面。通过深入理解这些概念和技术,开发者可以创建出高效、...
"使用jQuery插件jQuery.form.js进行ajax提交表单 - ajaxForm.url"指出,可以利用jQuery Form插件(jQuery.form.js)通过Ajax方式提交表单,实现无刷新的文件上传。`ajaxForm()`方法是该插件的核心,它允许异步提交...
在"jquery-validation-1.10.0"压缩包中,包含的主要文件有: 1. `jquery.validate.js`:这是主要的验证脚本,包含了插件的所有功能。 2. `additional-methods.js`:包含了额外的验证方法,如isbn、url等,可以按需...
在网页设计中,表单是收集用户数据的重要组成部分。为了提升用户体验和页面美观度,开发者经常需要对HTML原生的...通过学习和应用这个插件,你不仅可以美化网站,还能深入理解JavaScript和jQuery在表单处理中的作用。
**jQuery实现的带有Tooltip效果的表单验证** 在网页开发中,用户输入验证是不可或缺的一环,它确保了用户提交的数据符合预设的规范,提高了数据的准确性和系统的稳定性。`jQuery`作为一款广泛使用的JavaScript库,...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。
**jQuery EasyUI** 的核心是jQuery,一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。EasyUI在jQuery的基础上提供了一整套UI组件,如对话框(dialog)、表格(datagrid)、表单(form)、菜单...
例如,当输入不符合规则时,显示一个带有错误消息的浮动提示: ```javascript $("#loginForm").validate({ errorPlacement: function(error, element) { error.css("display", "none"); element.after(error)....
jQuery库以其简洁易用的API,成为了JavaScript开发者的首选工具,而jQuery.dialogBox.js插件则是jQuery库中的一个优秀对话框解决方案。本文将深入探讨该插件的功能、用法以及如何在项目中高效利用。 一、jQuery....
例如,创建一个带有分页功能的表格,首先引入EasyUI的CSS和JS文件,然后定义HTML结构,通过jQuery选择器找到对应的元素并调用`datagrid`方法,设置相应的参数和数据源。同时,可以利用提供的事件处理函数,如`...
在本案例中,`jquery.js`或`jquery.min.js`可能作为依赖文件,用于实现高效便捷的DOM操作。 2. **HTML5表单元素**:HTML5引入了新的表单元素和属性,如`<input type="email">`用于电子邮件验证,`<input pattern>`...
表单元素应该带有适当的ID或类名,以便在JavaScript中进行操作。表单元素的布局可以通过内联样式、内部样式表(`<style>`标签)或外部样式表(`<link>`标签引用的`.css`文件)进行美化。 在`images`目录下,我们...