ajax傳送參數(shù)含有特殊字符的快速解決方法
JQuery AJAX中遇到這樣一個(gè)問題,參數(shù)中包含特殊字符,比如&'#@等, 這時(shí)執(zhí)行AJAX的時(shí)候就會(huì)出問題,因?yàn)樗鶄鞯膮?shù)變了.看個(gè)示例就明白:
方案一：
$.ajax({
url: '/ashx/ajax.ashx',
type: 'post',
data: 'option=delete&name=11&adb, success: function (data) { if (data != 'error ') { } } }); '
上面執(zhí)行的ajax就是異步刪除一個(gè)name為 11&abd 的數(shù)據(jù) 當(dāng)請(qǐng)求到ajax.ashx頁面時(shí),我們獲取到的name參數(shù)為11 執(zhí)行操作后會(huì)發(fā)現(xiàn)其實(shí)刪除了name 為 11的數(shù)據(jù),而沒有刪除 name 為 11&abc 的數(shù)據(jù) 這是由于有&特殊字符,把以前的倆個(gè)參數(shù)變成了三個(gè)參數(shù) option,name,abc 這時(shí)就需要用另外一種方法傳遞參數(shù):
$.ajax({
url: '/ashx/ajax.ashx',
type: 'post',
data: {
'option': 'delete',
'name': '11&adb'
},
success: function(data) {
if (data != 'error') {}
}
});
采用上面的json格式傳遞參數(shù)就可以避免特殊字符引起的參數(shù)錯(cuò)誤問題.
方案二: 統(tǒng)一編碼UTF-8.
1.JSP頁面：
<%@ page language="java" pageEncoding="UTF-8"%>
2.Ajax.js頁面：傳遞參數(shù)時(shí)，可能出現(xiàn)特殊字符的參數(shù)用 escape(encodeURIComponent())兩函數(shù)進(jìn)行轉(zhuǎn)碼，傳遞到后臺(tái)！
var url = "/ZX/servlet/AddMemoServlet memo=" + memoCode + "&otherMemo=" + escape(encodeURIComponent(otherMemo)) + "&applNo=" + applNo.innerText.substr(0, 16); //alert("url="+url);
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = doMemo;
xmlHttp.send(null);
3.服務(wù)器端接收傳遞的數(shù)據(jù) 比如：一個(gè)servlet的doGet方法中： request.setCharacterEncoding("gb2312"); response.setContentType("text/xml;charset=utf-8"); response.setHeader("Cache-Control", "no-cache"); ...... //以下解決Ajax中url傳遞的參數(shù)值中包含特殊字符，后端解析出錯(cuò)的問題：以u(píng)tf-8以方式解碼 java.net.URLDecoder urlDecoder=new java.net.URLDecoder(); String otherMemo = urlDecoder.decode(request.getParameter("otherMemo"),"utf-8"); logger.info("otherMemo:" + otherMemo);
以上這篇ajax傳送參數(shù)含有特殊字符的快速解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Ajax異步請(qǐng)求JSon數(shù)據(jù)(圖文詳解)
在編程過程中使用ajax調(diào)用數(shù)據(jù)的時(shí)候，難免要進(jìn)行邏輯的處理，接受的數(shù)據(jù)也變的復(fù)雜比如數(shù)組類型的數(shù)據(jù)，這時(shí)候就需要使用JSON數(shù)據(jù)類型進(jìn)行處理，通過本篇文章給大家介紹Ajax異步請(qǐng)求json數(shù)據(jù)，需要的朋友可以參考下本文2015-09-09
AJAX技術(shù)經(jīng)過這么多年的發(fā)展，出現(xiàn)了一些框架或類庫用于簡(jiǎn)化開發(fā)工作，不同的框架類庫的使用方法也各不相同。 現(xiàn)在，再回頭看看這些技術(shù)，看看這些框架類庫，我們能感受到技術(shù)在不斷地發(fā)展，AJAX開發(fā)越來越容易了。2015-09-09
純javascript的ajax實(shí)現(xiàn)php異步提交表單的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄僯avascript的ajax實(shí)現(xiàn)php異步提交表單的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
本文由腳本之家小編跟大家分享的ajax請(qǐng)求Session失效問題，感興趣的朋友一起看看吧2015-09-09
ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析
今天小編就為大家分享一篇ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
下面小編就為大家?guī)硪黄狪E下Ajax提交亂碼的快速解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
本文給大家分享的是原生javascript結(jié)合ajax實(shí)現(xiàn)的異步交互的方法和代碼，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2016-01-01
AJAX天氣預(yù)報(bào)前臺(tái)...2007-01-01
這篇文章主要為大家詳細(xì)介紹了ajax獲取用戶所在地天氣的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能示例
這篇文章主要介紹了ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能,結(jié)合實(shí)例形式分析了基于jQuery $.ajax方法的文件異步上傳以及后臺(tái)java程序?qū)ξ募畔⒌淖x取與顯示相關(guān)操作技巧,需要的朋友可以參考下2018-06-06