【jQuery】JS中拼接URL发送GET请求的中文、特殊符号的问题

最新推荐文章于 2022-03-05 15:02:22 发布
最新推荐文章于 2022-03-05 15:02:22 发布
阅读量369 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/nick-huang/p/5124999.html
版权

> 参考的优秀文章

jQuery ajax - param() 方法

 

经常，我们需要在JS中拼接URL然后以GET形式提交请求。如果遇到中文、特殊符号则需要作各种处理。

jQuery有一个方法非常方便地处理这问题，就是$.param()，此序列化方法$.ajax()也在使用。

 

> 简单的例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test $.param()</title>
</head>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">

    function testParam() {
        var param = $.param({
            'text1' : $('#text1').val()
        }, false);
        
        // debug
        alert('param -> ' + param);
        
        window.location.href = "http://localhost:8080/Spring_MVC_demo/jsonCtrl/returnjson?" + param;
    }
    
</script>
<body>
Input String : <input type="text" id="text1" />
<br/>
<input type="button" onclick="testParam()" value="submit" />
</body>
</html>
View Code

 

测试的输入

` 1234567890-=[]\;',./~!@#$%^&*()_+{}|:"<>?我是中文哦
View Code

 

后台能正常打印。

转载于:https://www.cnblogs.com/nick-huang/p/5124999.html

dongjizheng9270
关注
CSS_JavaScript_jQuery_Servlet
Awww_20的博客
09-17 828
CSS_JavaScript_jQuery_Servlet
前端详细教程(包括html，JavaScript，jQuery，bootstrap)
最新发布
m0_52709387的博客
05-28 966
时间对象具体方法d.getDate() # 获取日d.getMonth() # 获取月份(0-11)d.getFullYear() # 获取年份d.getHours() # 获取小时d.getMinutes() # 获取分d.getSeconds() # 获取秒d.getMilliseconds() # 获取毫秒秒d.getTime() # 获取时间戳。
GET 方式提交的含有特殊字符的参数
01-08
在jsp里面怎么处理呢？ 如我在连接A&T Plastic,在接受参数的时候就没办法读取name参数的正确值，怎么样才能正确读取，还有其他的特殊字符 字符 特殊字符的含义 URL编码 # 用来标志特定的文档位置 # % 对特殊字符进行编码 % & 分隔不同的变量值对 & + 在变量值中表示空格 + \ 表示目录路径 / = 用来连接键和值 = ? 表示查询字符串的开始 ? 可使用：codeLabel=<%=java.net.URLEncoder.encode(sUDRName6)%
关于js 拼接字符串带有特殊字符的处理
冰魂魄的博客
01-19 2450
因为兼容ie的问题 不能使用模板字符串，所以对于字符串的变量拼接 还是使用的 + _var + 的形式 '<p title=" '+ item.value + ' " class="pubTableItemStyle">' + item.value + '</p>' 因为 value值 内存在 特殊字符 "" ,所以如果正常拼接的话， title的内容就会出现被中间存在的" 给中断了，导致显示不全的问题，这个时候就需要就需要先对特殊字符进行转义，然后再进行显示 '&lt..
js中html拼接特殊字符转义,js中传递特殊字符(+,&)的方法
weixin_30025115的博客
05-31 1105
背景：今天在做一个任务时，用Jquery的Ajax传递一长串字符时，在后台的验证一直不成功，纠结时我了(那个字符串是随机生成的，特长)。查了一上午，原来是我生成的字符串中有+号，而在js传递的时候，会理解为是连接字符用的，到了后台就将+号自动变为空格了，所以后台的字符串和前台生成的已经不一样了。原因：js后自动解析特殊字符，如+号为连接符，解析为空格，&为变量连接符，服务器端接受数据时&a...
get url 拼接 中文 汉字乱码问题解决方案
ohundred的博客
09-18 1407
connectionTimeout="20000"                redirectPort="8443" userBodyEncodingForURI="true" URIEncoding="UTF-8"    />
js两种拼接字符串的简单方法(必看)
10-21
下面小编就为大家带来一篇js两种拼接字符串的简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Python基础 3.5 HTML CSS JS 和 JQuery
Retro暂留
01-18 382
3.5 Html 和 CSS基础 3.5.1 html 1.介绍 ​ HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。 标记：就是标签, <标签名称> </标签名称>, 比如: <html></html>、<h1></h1> 等，标签大多数都是成对出现的。 所谓超文本，有2个意义 网页中包含除了文本以外的数据内容，超越文本 它还可以从一个网页跳转到其他网页 2.作用 ​ 开发网页的语
Ajax
SHY
03-05 703
Ajax(Asynchronous Javascript And XML)实现客户端网页请求服务器的数据
六、XMLHttpRequest的基本使用，数据交换格式，封装自己的Ajax函数，XMLHttpRequest Level2的新特性，jQuery高级用法，axios
快乐de馒头
01-09 1226
一、XMLHttpRequest的基本使用 1.1 什么XMLHttpRequest XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。 1.2 使用xhr发起GET请求 步骤： （1）创建 xhr 对象 （2）调用 xhr.open() 函数 （3）调用 xhr.send() 函数 （4）监听 xhr.onreadystatech.
GET请求URL中带中文参数的方法
akuxia的博客
08-24 1722
url参数中带中文参数通常会产生乱码，比如 http://8520.15.35:8003/getbranchs?Sub_bank_select=朝阳 再view函数中可以通过转码来解决该问题： def getbranchs(request): request.encoding='gb2312' par1=request.GET['Sub_bank_select'] print(par1) ... return ... print之后可以得到中文参数：朝阳。
jq 字符串拼接数据
wpf_China的博客
08-31 886
var listHtml = ""; //获取数据 拼接 $.each(data,function(idx.el){ listHtml += '<ul><li>' + data.tagName + '</li><li οnclick=relaxLabel("' + data.tagId + '")></li></ul>'; }) //页面渲染 $("#tagListDiv").html(listHtml); ...
关于如何解决jquery传输中文乱码的问题
你约我吧交友网技术分享
06-05 769
大家都知道jquery中的post与get是以utf-8的形式传输的，如果网站的页面是以gb2312编码，那么中文在传输中就会出现乱码。我在这里为大家推荐两种解决乱码的方法方法如下： 第一种解决方法：         就是将所有的网页都以utf-8的方式进行编码。这里就不多做介绍了，相信做网站的人都知道怎么设置的。 第二种解决方法：       在传输之前用escape将中
get请求的参数包含中括号[]时，报错400
aitanxiaofeng的博客
01-29 1915
原因参考博客 更好的解决方案 axios get传递数组 paramsSerializer序列化 import axios from 'axios'; import qs from 'qs'; //配置axios参数序列化,把中括号等特殊字符序列化 const request = axios.create({ 　　paramsSerializer: (params) => qs.stringify(params, { indices: false }), 　}) export default {
jQuery字符串拼接
马赛克的博客
02-10 5105
在使用jQuery选择器的时候，可以使用该元素的属性 attr=val进行更小范围的选择 今天上午碰到了字符串的拼接问题，此时做个总结： console.log（ '.class 标签名[属性名= " '+ 变量+ ’ " ] ‘） $（’ .class 标签名[属性名=" ‘+变量+’ "] '） console.log（" .class 标签名[属性名=’ " + 变量+" ’ ] “） $（” .class 标签名[ 属性名=’ “+ 变量+” ’ ] "） ...
网络请求参数的处理,包含过滤,排序,拼接,加密
weixin_30823227的博客
06-03 130
网络请求的参数过滤,排序,拼接,加密.也参考了alipay. using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace ICE.Common { public class W...
Jquery的html方法里包含特殊字符的处理
welcome66的专栏
01-03 592
在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。 如下例子： inst_html = "&lt;a style=color:white' onmouseover = '"; inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');"; inst_html += "' "..
js中拼接字符串遇到的单引号、双引号以及转义字符问题
热门推荐
日技
08-16 2万+
        项目中经常遇到对ajax提交后返回的结果动态显示在页面上，这时候就需要在js中进行字符串的拼接。额...其实普通的拼接字符串并没多大难度系数，只要保证单引号和双引号相间就可以了。但是，如果在拼接字符串中嵌入值，或者增加带有一个或多个参数的方法的链接，那么单双引号的问题就略微有些难搞了。 1.嵌入值拼接         利用加号在两个字符串之间嵌入值。加号可以连接两个字符串。  ...
最全阿里巴巴Java面试题汇总（含答案）
dagasad的博客
09-29 1450
一、String, StringBuffer, StringBuilder的区别是什么？String为什么是不可变的？ 1、String是字符串常量，StringBuffer和StringBuilder都是字符串变量。后两者的字符内容可变，而前者创建后内容不可变。 2、String不可变是因为在JDK中String类被声明为一个final类。 3、StringBuffer是线程安全的，而StringBuilder是非线程安全的。补充说明：线程安全会带来额外的系统开销，所以StringBuilder的效率比S
jsp中怎么获取 jQuery AJAX 方法发送的 HTTP GET 请求
06-08
1. 在 jQuery AJAX 方法中设置发送 GET 请求的 URL 和数据： ```javascript $.ajax({ url: "get_data.jsp", type: "GET", data: {name: "John", age: 30}, success: function(response) { console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值