`

jquery之提交序列化表单(serialize)及乱码处理

阅读更多
一 序列化表单操作

1 $("form") 根据Element取到所有的form对象

2 $("#form1") 根据表单ID取到form对象

3 显示表单元素:
var fields  = $("form").serializeArray();
jQuery.each( fields, function(i, field){
  $("#results").append(field.value + " ");
});

选自jquery文档.

二 乱码处理
1 提交乱码处理
JSP文件声明如下
<%@ page language="java" pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
修改jquery1.4.3.js源代码解决:
找到:
contentType: application/x-www-form-urlencoded

替换为:
contentType: "application/x-www-form-urlencoded;charset=UTF-8

参考链接:
http://dev.firnow.com/course/1_web/javascript/jsjs/20090303/157078.html

2 从后台返回中文字符串,前台报错或者为乱码的处理
示例代码:
添加发送信息前添加头部编码:
response.setCharacterEncoding("UTF-8");
//response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.print("测试");
三 乱码处理二
jquery ajax乱码问题
http://songfantasy.iteye.com/blog/514440
我的设置:
1 工程编码,js,jsp,java设置为UTF-8
2 JSP页面编码:
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

3 JS中处理
encodeURI(encodeURI(data))  ///注意两次编码!!
4 Java类中处理
response.setCharacterEncoding("UTF-8");		
//response.setContentType("text/html;charset=UTF-8");
//用于向页面输送中文字符串
java.net.URLDecoder.decode((String)request.getParameter("username"),"UTF-8");		

OK搞定!
分享到:
评论

相关推荐

    TIA博途-序列化指令Serialize的具体使用方法示例.docx

    在TIA博途中,序列化指令`Serialize`是一个非常重要的功能,它允许我们将复杂的自定义数据类型(如UDT, STRUCT等)转换为基本数据类型,通常是BYTE或CHAR类型的数组。这在数据交换、存储和通信过程中特别有用,因为...

    jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法

    在使用jQuery进行Web开发过程中,表单序列化是一项常见的操作,它允许开发者将表单中的输入元素编码成URL编码格式的字符串,通常用于表单提交。然而,在处理包含中文字符的表单时,我们可能会遇到序列化后的数据出现...

    Jquery serialize() 中文乱码及解决方法

    Jquery serialize() 中文乱码及解决方法 Jquery serialize() 方法在处理中文数据时,经常会出现乱码问题。这种问题的原因是 serialize() 方法自动调用了 encodeURIComponent 方法将数据编码了,从而导致中文乱码。...

    jquery序列化表单去除指定元素示例代码

    在Web开发中,表单提交是常见的交互方式之一。有时候我们需要将表单中的数据通过AJAX提交到服务器,而不是传统的页面跳转。在这个过程中,我们会用到jQuery提供的序列化方法来将表单数据转换成URL编码的字符串。然而...

    JQuery Ajax提交整个表单

    在jQuery中,`serialize()`函数用于将表单元素序列化为URL编码的字符串,这非常适合用来准备Ajax请求的数据。例如,如果有这样一个表单: ```html &lt;option value="en"&gt;English ...

    jquery实现弹窗表单填写提交

    总结,这个项目涉及了jQuery的基本用法,包括DOM操作(选择元素、显示/隐藏元素)、事件处理、表单序列化、Ajax请求,以及基本的前端表单验证。这些都是Web开发者必备的技能,尤其在构建交互性强的网页应用时。通过...

    前端项目-jquery-serialize-object.zip

    本项目"前端项目-jquery-serialize-object"关注的是使用jQuery来序列化表单字段,将它们转换为JavaScript对象或JSON格式,这在提交表单数据到服务器时尤其有用。下面我们将深入探讨这一主题。 1. **jQuery 序列化...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    jQuery Ajax无刷新提交表单并执行邮件通知

    data: $('#myForm').serialize(), // 序列化表单数据 dataType: 'json', // 预期的服务器响应类型 success: function(response) { if (response.success) { // 提交成功,显示成功消息或执行其他操作 } else {...

    jQuery文字选项问卷调查表单提交.zip

    jQuery提供了`serialize()`方法,可以将表单中的所有字段序列化为URL编码的字符串,便于通过Ajax发送到服务器。在描述中提到的"滚动投票"可能意味着当用户提交答案时,表单会动态更新,可能是以滚动条的形式展示新...

    用Javascript将form所有内容序列化和反序列化的例子。

    在Web开发中,JavaScript是一种必不可少的前端编程语言,它...总的来说,理解和掌握表单数据的序列化和反序列化是每个JavaScript开发者必备的技能,它可以帮助我们更有效地处理用户输入,构建更动态和响应式的Web应用。

    派生类的序列化Serialize

    为了查看具体实现,你可以打开源代码并查看如何使用上述技术来处理序列化。 总之,C#的XML序列化对于处理派生类时的同名节点提供了多种解决方案。理解这些机制可以帮助我们更有效地管理和序列化复杂的对象结构。在...

    jQuery-serialize()输出序列化form表单值的方法

    实例 输出序列化表单值的结果: 代码如下: $(“button”).click(function(){ $(“div”).text($(“form”).serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择...

    Jquery实现表单异步提交.zip

    在Web开发中,异步提交表单是一种常见且高效的技术,它可以提高用户体验,因为用户无需等待整个页面刷新即可看到结果。本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了...

    JQuery 提交表单(附详细图解)

    本文将详细讲解如何使用jQuery提交表单,以及如何利用jQuery的AJAX功能来实现无刷新的数据提交。 ### 传统表单提交方式 在没有jQuery的情况下,我们通常会在HTML中创建一个表单,然后通过JavaScript或者JSP/...

    jQuery序列化form表单数据为JSON对象的实现方法

    jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...

    jquery序列化form表单使用ajax提交后处理返回的json数据

    本篇文章将详细讲解如何使用jQuery序列化form表单,然后通过Ajax提交这些数据,并处理返回的JSON数据。 首先,让我们理解“序列化”这个概念。在Web开发中,序列化是指将表单数据转换为字符串格式,这样可以方便地...

Global site tag (gtag.js) - Google Analytics