ajax传送参数含有特殊字符的快速解决方法

前端  /  管理员 发布于 5年前   356

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);

以上这篇ajax传送参数含有特殊字符的快速解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。