`

jQuery对url和data编码处理不一致

    博客分类:
  • Ajax
阅读更多
function search(){
	var search_by = $('#search_by').val();
	var keyword=$('#keyword').val();
	$('#right').load('search.do?search_by=' + search_by + "&keyword=" + keyword);
}

这种方式,jquery不对url的query参数进行utf8编码

function search(){
	var search_by = $('#search_by').val();
	var keyword=$('#keyword').val();
	var data={'search_by' : search_by, 'keyword' : keyword};
	$('#right').load('search.do",data);
}

jquery会对data参数进行utf8编码

 

这种不一致的处理方式感觉很不爽,因为第二种是最常使用的方法,而第一种有时被迫使用(传递参数为带query的url,而query部分转化成json jquery没有提供方便的方法,自己parser出来,结果array to json依然没有方法存在,需要别的插件,比较郁闷,被迫都统一使用第一种方法)

传递带query的url。

function pagination(url){
	$('#right').load(url);
}

而两种方式混用则必然出现乱码。

 

当然如果你的应用程序都统一使用UTF-8编码,那么在Tomcat中配置URIEncoding来对url进行UTF-8编码,可以避免这个问题。

分享到:
评论

相关推荐

    jQuery中文乱码

    1. **统一字符编码**:确保前后端使用的字符编码一致。通常推荐使用UTF-8,因为它支持全球大部分字符集,且是现代Web标准的一部分。 2. **正确设置Ajax请求头**:在使用jQuery的Ajax方法时,应明确指定`Content-...

    jQuery中对异步提交JSON和XML数据的处理方式

    1. `$.post(url, data, callback)`:这是简化的POST请求,它接受三个参数:要请求的URL,要发送的数据(通常是JSON对象或URL编码的字符串),以及当请求成功时执行的回调函数。例如,在提供的代码中,`$.post()` 被...

    基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题.zip

    此外,解决汉字乱码问题通常需要确保服务器和客户端的字符编码一致,如UTF-8。在JavaScript中,使用正确的编码进行字符串处理,如`decodeURIComponent()`和`encodeURIComponent()`函数,可以确保汉字在生成二维码时...

    jquery 导出excel方法

    jQuery可以利用Data URI Scheme将表格数据编码为Base64字符串,然后在新的浏览器窗口中打开,这会被浏览器识别为Excel文件。这种方法简单但不适用于大量数据,因为URL长度有限制。 3. **服务器端处理** 在许多...

    使用JQuery实现从JSON对象转换为form提交数据

    - JSON对象中的嵌套对象和数组需要特殊处理,不能直接转换为URL编码的字符串。对于嵌套的对象,可以递归地调用`jsonToFormParams()`;对于数组,可以考虑将其转换为逗号分隔的字符串或者多个同名的键。 - 在实际...

    JQuery.param

    例如,你可以通过提供第二个参数为`true`来开启传统的URL编码,而不是使用jQuery的默认编码方式: ```javascript var traditionalSerializedData = jQuery.param(data, true); ``` 这将产生稍微不同的结果,更适合...

    jsonData,js,easyui,jquery

    JSON(JavaScript Object ...JavaScript和jQuery提供了丰富的工具来处理JSON数据,而EasyUI作为前端框架,使得数据的展示和操作更加便捷。在实际项目中,理解并熟练运用这些技术,能有效提高开发效率和用户体验。

    ajax jquery的使用

    jQuery 是一个 JavaScript 库,它简化了 JavaScript 的使用,包括对 DOM 操作、事件处理、动画制作以及,当然,Ajax 请求。 ### 1. jQuery 的引入 首先,要在项目中使用 jQuery,你需要在 HTML 文件的 `<head>` ...

    jquery输入字符过滤

    在这个场景下,“`jquery输入字符过滤`”是指利用jQuery来实现对用户输入的字符进行过滤,以防止非法或危险的字符进入系统,确保数据的纯洁性和系统的安全性。 一、jQuery字符过滤基本概念 字符过滤主要涉及两个...

    Ajax和jQuery学习笔记

    - 对请求中的中文字符使用`URLEncoder.encode`进行编码处理。 #### 二、jQuery基础与应用 **2.1 jQuery简介** jQuery是一款轻量级的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等...

    Jquery异步交互

    `data`选项用于指定发送给服务器的数据,可以是对象或字符串,jQuery会自动处理转化为URL参数。 除了`jQuery.ajax()`,还有简化版的`jQuery.get()`和`jQuery.post()`,分别对应GET和POST请求。`jQuery.getJSON()`则...

    jquery对json的视频教程

    3. **序列化JavaScript对象为JSON**:jQuery提供了`$.param()`方法,可以将JavaScript对象序列化为URL编码的字符串,但更常见的是使用`JSON.stringify()`(原生JavaScript方法,非jQuery提供)将对象转换为JSON格式...

    使用jQuery处理AJAX请求的基础学习教程

    本教程将从基础知识开始,逐步引导读者深入理解使用jQuery处理AJAX请求的方法和技巧。 首先,我们需要了解jQuery中处理AJAX请求的基本语法。jQuery提供了$.ajax方法的快捷方式,包括$.get、$.post、$.load、$.get...

    jquery mobile demo

    jQuery Mobile 是一个专为触摸设备设计的前端框架,它基于 jQuery 和 jQuery UI,致力于提供一致的、跨平台的用户界面体验。这个框架特别适合开发移动 Web 应用程序,因为它提供了丰富的组件、触摸事件处理以及自动...

    jquery.params.js

    这个插件可以将一个JSON对象或JavaScript对象转换为URL编码的参数格式,非常适合用于Ajax请求的"data"参数或者构建动态链接。 使用`jquery.params.js`插件的基本步骤如下: 1. **引入jQuery和插件**:首先,确保在...

    jQuery网页内容导出到world

    总的来说,"jQuery网页内容导出到Word"是一个前端开发者常遇到的需求,通过jQuery获取和处理网页内容,再结合适当的转换技术,可以实现用户友好的导出功能。虽然过程中可能涉及到一些技术细节和兼容性问题,但有了...

    用jquery-table2excel,进行导出excel表格 带图片 jquery.table2excel.js下载

    在现代Web应用中,数据的导入导出功能是不可或缺的一部分,特别是导出表格到Excel,以便用户可以方便地处理和存储数据。`jquery-table2excel`是一个jQuery插件,专门用于实现这一功能,允许用户从网页上的HTML表格...

    jQuery实现动态给table赋值的方法示例

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等...结合jQuery的相关专题学习,如jQuery表格操作、JSON数据处理、表单操作等,可以进一步提升开发效率和代码质量。

    php和jquery简单登录验证

    在登录验证中,jQuery可以帮助我们优雅地处理用户输入和异步通信。 - 使用`$.ajax()`函数发起POST请求,将用户名和密码发送到服务器。例如: ```javascript $.ajax({ url: 'verify.php', type: 'POST', data: ...

    jQuery.Ajax()的data参数类型详解

    `jQuery.param()`将数组转换为URL编码的字符串,适合于`data`参数。 例如,`$.param(arr)`将返回`"uname=alice&mobileIpt=110&birthday=1983-05-12"`,可以直接作为`data`参数传递给`$.ajax()`。 `jQuery.param()...

Global site tag (gtag.js) - Google Analytics