ajax傳送參數含有特殊字元解決方案

JQuery AJAX中遇到這樣一個問題,參數中包含特殊字元,比如&'#@等, 這時執行AJAX的時候就會出問題,因為所傳的參數變了.看個示例就明白:

方案一：

$.ajax({
    url: '/ashx/ajax.ashx',
    type: 'post',
    data: 'option=delete&name=11&adb, success: function (data) { if (data != 'error ') { } } }); '

上面執行的ajax就是非同步刪除一個name為 11&abd 的數據 當請求到ajax.ashx頁面時,我們獲取到的name參數為11 執行操作後會發現其實刪除了name 為 11的數據,而沒有刪除 name 為 11&abc 的數據 這是由於有&特殊字元,把以前的倆個參數變成了三個參數 option,name,abc 這時就需要用另外一種方法傳遞參數:

$.ajax({
    url: '/ashx/ajax.ashx',
    type: 'post',
    data: {
        'option': 'delete',
        'name': '11&adb'
    },
    success: function(data) {
        if (data != 'error') {}
    }
});

採用上面的json格式傳遞參數就可以避免特殊字元引起的參數錯誤問題.

方案二: 統一編碼UTF-8.

1.JSP頁面：

<%@ page language="java" pageEncoding="UTF-8"%>

2.Ajax.js頁面：傳遞參數時，可能出現特殊字元的參數用 escape(encodeURIComponent())兩函數進行轉碼，傳遞到後臺！

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.伺服器端接收傳遞的數據 比如：一個servlet的doGet方法中： request.setCharacterEncoding("gb2312"); response.setContentType("text/xml;charset=utf-8"); response.setHeader("Cache-Control", "no-cache"); ...... //以下解決Ajax中url傳遞的參數值中包含特殊字元，後端解析出錯的問題：以utf-8以方式解碼 java.net.URLDecoder urlDecoder=new java.net.URLDecoder(); String otherMemo = urlDecoder.decode(request.getParameter("otherMemo"),"utf-8"); logger.info("otherMemo:" + otherMemo);

原文地址：http://www.manongjc.com/article/769.html

相關閱讀：

如何利用jQuery ajax post傳遞含特殊字元的數據

jquery+ajax獲取特殊字元

jquery ajax對特殊字元進行轉義防止js註入

jQuery ajax傳入參數含有特殊字元的解決方法

jQuery ajax傳遞特殊字元串問題