`

ajax form表单序列化 追加字段以及中文乱码问题

    博客分类:
  • JS
阅读更多
function saveProDes() {
    var data = $.param({'state': state}) + '&' + $('#desProForm').serialize();
    $.ajax({
        type: "post",
        url: "savePro.do",
        data: data,
        success: function (data) {
        }
    });
}
jquery中使用serialize() 序列化表单时 中文乱码问题
序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了
解决方法就是进行解码
1 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了    
2 解决方法:调用decodeURIComponent(XXX,true);将数据解码    
3 例如:    
4 var params = jQuery("#formId").serialize(); // http request parameters.    
5 params = decodeURIComponent(params,true);  
分享到:
评论

相关推荐

    ajaxForm异步提交表单(含图片)

    3. **初始化ajaxForm**:在JavaScript中,找到表单元素并调用ajaxForm方法。例如: ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型,根据服务器返回的数据格式设置 beforeSubmit: ...

    Ajax中文乱码问题解决方案

    本文将深入探讨Ajax中文乱码问题的成因,并提供一系列解决方案。 **一、问题原因** 1. **编码格式不一致**:服务器与客户端(浏览器)之间使用的字符编码格式不同,例如服务器使用GBK编码,而浏览器使用UTF-8编码...

    ajax提交form表单

    在IT领域,特别是Web开发中,使用Ajax(Asynchronous JavaScript and XML)进行form表单的无刷新提交是一项关键技能。这种技术允许网页在不重新加载整个页面的情况下与服务器交互,从而提高了用户体验。以下是对给定...

    ajaxForm插件

    2. **调用AjaxForm方法**:对选中的表单元素调用`.ajaxForm()`方法,初始化插件。 ```javascript $("#myForm").ajaxForm({ // 配置选项 }); ``` 3. **配置选项**:AjaxForm接受一系列配置参数,用于定制其行为,...

    Ajax 中文乱码问题

    ### Ajax 中文乱码问题详解 #### 一、引言 在进行Web开发的过程中,我们经常需要使用Ajax技术来实现异步数据交换。然而,在处理包含中文字符的数据时,经常会遇到中文乱码的问题。这个问题主要源于不同的编码方式...

    ajax提交表单插件ajaxform.js

    这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言

    jQuery实现form表单序列化转换为json对象功能示例

    jQuery提供了一个方便的方法来序列化表单数据,并将其转换为JSON对象,这在使用Ajax提交表单时特别有用。本文将通过一个示例来讲解如何使用jQuery实现这一功能。 首先,我们需要一个HTML表单,如下所示: ```html ...

    ajax验证并提交表单的两种方法博客源码

    本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...

    Spring下的AJAX和Form表单提交及单/多方法控制器比较

    在本文中,我们将探讨在Spring框架下,使用AJAX与传统Form表单提交的区别,以及单方法控制器和多方法控制器的使用场景。首先,我们来看看AJAX提交与Form表单提交的基本概念。 **AJAX(Asynchronous JavaScript and ...

    完成的 Ajax 提交表单

    4. **表单数据序列化**:在发送Ajax请求前,你需要将表单数据转换为适合发送的格式。`Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的...

    c#序列化 ajax

    在本案例中,"c#序列化 ajax"的结合意味着我们正在讨论如何通过Ajax调用来处理C#序列化的结果,以返回一个数据集给客户端。 C#序列化主要由System.Runtime.Serialization命名空间下的类来实现,如...

    ajaxForm中文文档

    4. **fieldSerialize** 方法:这个方法只序列化表单中的特定字段,适合于只提交部分表单字段的情况。返回的字符串同样为查询字符串格式。示例: ```javascript var selectedFields = $('#myFormId').find(':input...

    简单了解Ajax表单序列化的实现方法

    本文将深入探讨Ajax表单序列化的实现方法及其相关知识点。 首先,了解表单序列化的基本原理。当用户填写表单并点击提交按钮时,浏览器会自动将表单数据按照特定规则进行编码,并以键值对的形式发送给服务器。这些...

    ajax提交表单到后台

    本主题将深入探讨如何使用jQuery库的AJAX功能将表单数据提交到后台,以及后台如何使用Spring框架来处理这些数据。下面将详细阐述这一过程。 ### 一、前端:使用jQuery的AJAX提交表单 1. **引入jQuery库**:首先...

    jquery+asp ajax 中文乱码问题解决文档

    ### jQuery + ASP AJAX 中文乱码问题解决方案 在开发基于jQuery和ASP的Web应用程序时,中文乱码问题可能成为困扰开发者的一大难题。特别是在使用Ajax进行前后端数据交互时,中文字符可能会出现乱码现象,影响用户...

    使用AJAX提交Form表单实例演示

    总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...

    原生js实现form表单序列化的方法

    在网页开发中,表单数据的序列化是常见的需求。通常在与后端进行数据交互时,我们需要将表单内的数据以某种格式组织起来发送给服务器。如果使用jQuery,我们可以很简单地通过`serialize()`方法或者`serializeArray()...

    web前端培训教程表单序列化共4页.pdf.zip

    本教程聚焦于一个关键的前端技术——表单序列化,这是构建动态和交互式Web应用的重要环节。表单序列化是将HTML表单中的数据转换为服务器可理解的数据格式的过程,通常用于提交表单数据。 一、表单序列化的概念 在...

    Ajax中文乱码问题解决方法

    本文将深入探讨Ajax中文乱码问题的原因及其解决方案。 首先,我们需要理解Ajax乱码的根源。当JavaScript发送HTTP请求时,如果服务器和客户端之间关于字符编码的约定不一致,就会导致乱码。常见的原因包括: 1. **...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

Global site tag (gtag.js) - Google Analytics