`
yangyangmilan
  • 浏览: 29861 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

用jquery-form.js提交的表单中带有文件上传

阅读更多

用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对象让用户下载,表单仍然是提交了,这样就达到了原来期望的效果。

分享到:
评论

相关推荐

    异步表单提交插件jquery-form.js

    异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!

    jquery we ui 完整包(带demo)

    - **表单(Form)**:包括输入框、开关、选择器等,可进行数据验证和提交。 - **提示(Toast)**:快速显示短暂的提示信息,如加载完成、操作成功等。 - **加载(Loading)**:展示加载状态,有全屏加载和小图标加载...

    Asp.Net MVC中jquery.form附件上传例子

    这段JavaScript代码监听`#fileInput`元素的`change`事件,当用户选择文件后,它将使用jQuery Form插件异步提交表单。`beforeSubmit`回调可以用来显示加载指示器,而`success`和`error`回调则处理服务器响应。 通过...

    jQuery.metadata.js

    本文将深入探讨jQuery.metadata.js的工作原理、使用方法以及在实际项目中的应用。 首先,元数据(Metadata)是关于数据的数据,通常用于描述一个对象的属性或特性。在Web开发中,元数据可以用来存储关于HTML元素的...

    jquery-easyui-1.3.5.rar

    1. CSS和JavaScript引用:在HTML文件中,需要引入jQuery库、jQuery EasyUI的核心CSS和JS文件,以及相应的主题文件,以保证所有组件的正常显示和功能。 2. 数据绑定:EasyUI的组件大多支持数据绑定,可以通过JSON...

    jquery.tools.min

    6. **Form**:表单相关的工具,包括验证、序列化等,简化了表单数据的处理和提交过程。 7. **Slide**:用于创建滑动效果,如幻灯片展示,为网站增添动态元素。 jQuery Tools的强项在于其对jQuery核心库的补充,...

    jQuery填写表单带步骤指引的表单向导提示插件

    jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果等任务,而“jQuery填写表单带步骤指引的表单向导提示插件”则进一步提升了表单填写的体验,通过引导式提示帮助用户逐步完成复杂的表单填写...

    form-validate.js:jQuery 驱动的表单验证

    要使用它,只需使用带有.validate()方法的 jQuery 选择器: $ ( "#myForm" ) . validate ( ) ; 这将为表单设置onsubmit处理程序。 这意味着无论何时提交表单,数据都会被验证。 如果数据无效,则不会提交表单。 ...

    前端项目-feedback.js.zip

    综上所述,"feedback.js.zip"中的前端项目专注于创建一个带有屏幕截图功能的反馈表单,涉及了JavaScript编程、用户交互、数据传输和现代前端开发的多个方面。通过深入理解这些概念和技术,开发者可以创建出高效、...

    HTML多文件上传插件,可一次上传多个文件.zip

    "使用jQuery插件jQuery.form.js进行ajax提交表单 - ajaxForm.url"指出,可以利用jQuery Form插件(jQuery.form.js)通过Ajax方式提交表单,实现无刷新的文件上传。`ajaxForm()`方法是该插件的核心,它允许异步提交...

    jquery-validation-1.10.0

    在"jquery-validation-1.10.0"压缩包中,包含的主要文件有: 1. `jquery.validate.js`:这是主要的验证脚本,包含了插件的所有功能。 2. `additional-methods.js`:包含了额外的验证方法,如isbn、url等,可以按需...

    JQuery 实现的带有Tooltip效果表单验证

    **jQuery实现的带有Tooltip效果的表单验证** 在网页开发中,用户输入验证是不可或缺的一环,它确保了用户提交的数据符合预设的规范,提高了数据的准确性和系统的稳定性。`jQuery`作为一款广泛使用的JavaScript库,...

    jquery ajaxfrom表单提交代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。

    jquery-easyui-1.4.2 Demo

    **jQuery EasyUI** 的核心是jQuery,一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。EasyUI在jQuery的基础上提供了一整套UI组件,如对话框(dialog)、表格(datagrid)、表单(form)、菜单...

    jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮

    例如,当输入不符合规则时,显示一个带有错误消息的浮动提示: ```javascript $("#loginForm").validate({ errorPlacement: function(error, element) { error.css("display", "none"); element.after(error)....

    jquery.dialogBox.js插件下载.zip

    jQuery库以其简洁易用的API,成为了JavaScript开发者的首选工具,而jQuery.dialogBox.js插件则是jQuery库中的一个优秀对话框解决方案。本文将深入探讨该插件的功能、用法以及如何在项目中高效利用。 一、jQuery....

    jquery-easyUI-1.3.4

    例如,创建一个带有分页功能的表格,首先引入EasyUI的CSS和JS文件,然后定义HTML结构,通过jQuery选择器找到对应的元素并调用`datagrid`方法,设置相应的参数和数据源。同时,可以利用提供的事件处理函数,如`...

    网站常用的表单验证js代码.zip

    在本案例中,`jquery.js`或`jquery.min.js`可能作为依赖文件,用于实现高效便捷的DOM操作。 2. **HTML5表单元素**:HTML5引入了新的表单元素和属性,如`&lt;input type="email"&gt;`用于电子邮件验证,`&lt;input pattern&gt;`...

    jQuery form表单美化实例代码.zip

    表单元素应该带有适当的ID或类名,以便在JavaScript中进行操作。表单元素的布局可以通过内联样式、内部样式表(`&lt;style&gt;`标签)或外部样式表(`&lt;link&gt;`标签引用的`.css`文件)进行美化。 在`images`目录下,我们...

    使用jQuery Uploader显示文件上传进度

    在这个页面中,我们可以添加一个`FileUpload`控件或一个带有`type="file"`的`input`元素。例如: ```html &lt;form id="formFileUpload" runat="server"&gt; 上传: &lt;/form&gt; ``` 或 ```html &lt;form id="formFileUpload...

Global site tag (gtag.js) - Google Analytics