17

I'm using jQuery's $.ajax method to send and retrieve data to a REST service. Some of the URL's I'm providing to the $.ajax method requires spaces and other special characters to be encoded.

The problem lies with Chrome, Safari (Webkit) and Internet Explorer browsers. Firefox POST's to a URL which is encoded but the other browsers POST to a URL which isn't encoded.

As an example:

$.ajax ({
  url: "http://localhost:8080/rest/123/Product Line A/[Product Type B]",
  type: "POST",
  dataType: "json",
  data: { ... },
  success: function(...){},
  error: function(...){}
})

Firefox POSTS the URL in the following format:

http://localhost:8080/rest/123/Product%20Line%20A/%5BProduct%20Type%20B%5D

Chrome, Safari and IE POSTS the URL in the following format:

http://localhost:8080/rest/123/Product Line A/[Product Type B]

The REST services accepts the encoded (Firefox) format - is there a way I can make this consistent across all browsers?

Thanks in advance!

4

4 に答える 4

23

You can use javascript's encodeURI() function to encode a URL into "Firefox format" as you state.

于 2010-12-19T23:50:44.263 に答える
7

Passing [Product Type B] in unencoded form is invalid, so what the browsers make of it is undefined.

Do a encodeURIComponent() on the product type part.

于 2010-12-19T23:49:52.453 に答える
3

.serialize() がこれを行う jquery の方法だと思います。

ここをチェックしてください：http://api.jquery.com/serialize/

また、jquery 用のプラグインもあります: http://plugins.jquery.com/project/URLEncode

またはJavaScriptの方法... encodeURIComponent()

ここをチェックしてください： http://www.w3schools.com/jsref/jsref_encodeURI.asp

于 2010-12-19T23:51:13.523 に答える
1

The quick fix would be to encodeURI() the URL before passing to $.ajax. You could also replace the $.ajax function with a thin wrapper to take the {} literal and encodeURI the URL before passing to the original function.

于 2010-12-19T23:50:59.023 に答える