javascript 如何在 Angularjs 中编码字符串？

How to encode a String in Angularjs?

提问by Pracede

I use Angularjs to send a get http request to my server. The server respond to rest request using Spring MVC. Here a snippet code on my angular url building :

我使用 Angularjs 向我的服务器发送一个 get http 请求。服务器使用 Spring MVC 响应休息请求。这是我的 angular url 构建的片段代码：

var name="myname";
var query= "wo?d";
var url = "/search/"+query+"/"+name;

Here Spring MVC Controller :

这里 Spring MVC 控制器：

@RequestMapping( value = "/search/{query}/{name}" , method = RequestMethod.GET , produces = MediaType.APPLICATION_JSON_VALUE )
@ResponseBody
public List<Data> search() {

    // search logic

return data;
}

I have the problem when the query contains question mark character ( ? ). The url is split so that Spring responds : WARN o.s.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/my-server/web/search/wo in DispatcherServlet with name 'mvc'

当查询包含问号字符 ( ? ) 时，我遇到了问题。url 被拆分，以便 Spring 响应：WARN osweb.servlet.PageNotFound - 未找到具有 URI [/my-server/web/search/wo in DispatcherServlet with name 'mvc' 的 HTTP 请求的映射

This is right because the question marks ? introduce the begining of request parameters. I've tried to use the js function encodeURI(query)but the question mark character is not encoded. How to encode a question mark in url ? Thanks

这是对的，因为问号？介绍请求参数的开头。我尝试使用 js 函数，encodeURI(query)但问号字符未编码。如何在 url 中编码问号？谢谢

回答by dfsq

Javascript has special function for this purpose encodeURIComponent

Javascript 为此具有特殊功能encodeURIComponent

encodeURIComponent escapes all characters except the following: alphabetic, decimal digits, - _ . ! ~ * ' ( )

encodeURIComponent 转义除以下字符之外的所有字符：字母、十进制数字、 - _ 。！~ * ' ( )

while encodeURIalso does not encode ; , / ? : @ & = + $ #characters.

whileencodeURI也不编码; , / ? : @ & = + $ #字符。

回答by user3145373 ツ

Use encodeURIComponentfor that.

encodeURIComponent为此使用。

check thisfiddle.

检查这个小提琴。

var a = "wo?d";
alert(encodeURIComponent(a));

For angular specific look this SOanswer.

对于角度特定的外观，这个 SO答案。

still some problem then post me.

还有一些问题，然后发布我。