`
名白毅
  • 浏览: 6133 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

form表单在前台转json对象

    博客分类:
  • web
阅读更多
会发生序列化乱码问题,待解决。
     //根据表单id将其内空间,名称,值转为json
     var fireTraceEquipment =queryParamByFormId('form1');

      function conveterParamsToJson(paramsAndValues) {  
        var jsonObj = {};  
      
        var param = paramsAndValues.split("&");  
        for ( var i = 0; param != null && i < param.length; i++) {  
            var para = param[i].split("=");  
            jsonObj[para[0]] = para[1];  
        }  
      
        return jsonObj;  
    }  
      
    function queryParamByFormId(form) {  
        var formValues = $("#" + form).serialize();  
      
        //关于jquery的serialize方法转换空格为+号 
        formValues = formValues.replace(/\+/g," "); 
       return conveterParamsToJson(formValues);
    }  
分享到:
评论
2 楼 阿光阿光 2017-01-11  
这种方式要发送ajax的Post的请求的时候使用
1 楼 阿光阿光 2017-01-11  
修改下这个函数queryParamByFormId.

function queryParamByFormId(form) {    
    var formValues = $("#" + form).serialize();    
    
    //关于jquery的serialize方法转换空格为+号   
    formValues = formValues.replace(/\+/g," ");
  [color=red] formValues = decodeURIComponent(formValues,true);[/color]
   return conveterParamsToJson(formValues);  
}  

相关推荐

    AJAX 想Struts2后台传送Json数据并向前台返回Json格式的数据

    4. 返回JSON数据:在Action的execute方法中,创建一个Map或自定义的Java对象,然后将其转化为JSON对象,最后通过ActionContext返回JSON结果。 **示例代码**: ```javascript // 前端Ajax请求 $.ajax({ url: '...

    SSH2 注解 ExtJs前台 返回Json 的一个增删改查demo

    在这个“SSH2注解ExtJs前台返回Json的一个增删改查demo”中,我们将探讨如何利用这些技术实现前后端交互,特别是通过Json格式进行数据交换。 首先,让我们了解SSH2中的每个组件: 1. **Spring**:作为基础架构层,...

    AJAX实例的表单验证

    总的来说,这个AJAX实例展示了如何在客户端使用JavaScript处理表单提交,通过异步请求避免页面刷新,同时在服务器端进行必要的数据验证。这种方式提高了用户交互的流畅性,减少了不必要的页面跳转,对于初学者来说是...

    用ext写的前台源码 有说明文档

    JSON在ExtJS中的应用主要体现在数据绑定上。ExtJS的Model、Store和Proxy组件用于管理和操作数据。Model定义了数据的结构,Store作为数据容器,可以加载和存储数据,而Proxy负责与服务器进行通信,获取或提交JSON格式...

    JQuery通过Ajax提交表单并返回结果

    - 如果是通过Ajax请求提交表单,返回的是一个JSON对象,如果是传统表单提交,则返回视图。 5. 具体代码实现: ```javascript // Jquery代码部分 $(document).ready(function() { $("#myForm").submit(function...

    springmvc图片上传及json数据转换过程详解

    在前台,需要设计一个HTML文件上传表单,通过enctype="multipart/form-data"属性,让表单数据的编码类型为多部分表单数据,这样才能包含文件内容。表单内容大致如下: ```html &lt;form action="${pageContext.request...

    SpringBoot前后端传值.docx

    - 在前端使用 `JSON.stringify(data)` 将对象转为字符串,并设置 `contentType` 为 `application/json`。 #### 五、@ModelAttribute 注解 - **定义**:`@ModelAttribute` 用于将表单参数或 URL 参数绑定到模型中...

    一个简单的前台弹框登录,可自行修改

    在这个“一个简单的前台弹框登录”示例中,我们将探讨实现这一功能的关键知识点。 首先,弹框(Modal)是用户界面中的一种常见元素,它会在页面的主内容之上显示一个浮动的窗口,通常用于显示警告、确认操作或者像...

    json实现前后台的相互传值详解

    总结来说,JSON在前后台数据交互中扮演着重要的角色。通过了解如何将对象转换为JSON字符串,创建数据容器对象,以及确保数据安全和验证,我们可以有效地实现前后台的相互传值。同时,掌握相关的技术选型和实际应用...

    JXstar平台开发手册1.2

    - **后台BO反馈JSON对象到前台**: 如何将业务对象以JSON对象的形式反馈给前台页面。 #### 总结 JXstar平台开发手册详细介绍了如何进行前台和后台的扩展,涵盖了从文件夹组织、基类说明、前台执行机制到各种Grid和...

    关于jquery.validate1.9.0前台验证的使用介绍.docx

    本文将详细介绍如何在实际项目中使用 jQuery Validate 1.9.0 进行前台验证。 ### 1. 阻止未验证通过的表单提交 问题在于,如果没有正确地处理验证,表单可能会在未通过验证的情况下仍然提交。解决这个问题的关键是...

    Angular.js前台传list数组由后台spring MVC接收数组示例代码

    在这里,`angular.toJson` 被用来将 `userScoreList` 数组转换成JSON字符串,然后附加到 `FormData` 对象中。为了确保数据能正确地发送到后端,我们设置了请求头 `Content-Type` 为 `undefined`,并使用 `...

    ext开发_前后台交互

    `form.submit()`根据后端返回的JSON数据的`success`字段自动选择成功或失败的回调,同时能处理部分前台错误。然而,对于后台异常情况,如action不存在,`form.submit()`可能无法妥善处理,导致JavaScript错误。 ...

    02-javaweb-13-WEB项目实战-前台系统3.doc

    在HTML中,表单元素如`&lt;form&gt;`用于收集用户输入,通过`action`属性指向处理表单数据的服务器端脚本,通常是一个Servlet或JSP页面。表单提交后,前端需要处理两种情况:成功提交(比如显示成功提示)和失败提交(如...

    Extjs页面验证(修订版)

    - 使用`Ext.form.action.Submit`和`Ext.form.action.Load`类,可以定制化提交和加载数据的行为,比如处理JSON或XML响应,或者进行错误处理。 3. **示例代码分析**: - 在提供的示例中,可能包含了各种表单验证的...

    SSH框架+Ext技术做前台显示的客户关系管理系统T86.rar

    Ext技术在CRM系统中的作用主要体现在前台显示上。Ext JS提供了一套丰富的组件库,如表格、面板、窗口、表单等,能够快速构建出美观且功能齐全的用户界面。其数据绑定机制使得前后端数据交换更为便捷,通过Store与...

    jquery验证,较强的前台验证

    在网页开发中,前端验证是必不可少的一环,它...2. **表单选择器**:通过`$('form')`选择表单元素,然后调用`.validate()`方法初始化验证规则。 ```html &lt;script src="https://code.jquery.com/jquery.js"&gt;&lt;/script&gt; ...

    ajax+jquery+ashx实现上传文件

    在Web开发中,异步传输(Ajax)技术允许我们在不刷新整个页面的情况下更新网页部分,大大提升了用户体验。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和AJAX交互等任务。而ASHX(HttpHandler)是ASP...

    精通JS脚本之ExtJS框架.part2.rar

    7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext....

Global site tag (gtag.js) - Google Analytics