AJAX POST запросов с JQuery не UrlEncode «+»

Question

У меня есть много данных JSON Мне нужно передать на запрос:

$.ajax({ 
       type: "POST", 
       url: "http://"+HOST+"https://stackoverflow.com/users/rankings", 
       data: "friends="+JSON.stringify(friendsArr), 
       success: function(response){ 
        $("#rankings").html(response); 
       } 
      }); 

friendsArr является массивом объектов в формате JSON. Проблема в том, что некоторые объекты имеют данные с символом «+» и не получают правильную кодировку. Он поставляется на стороне сервера как «», и данные перепутаны. Нужно ли мне перебирать все данные и кодировать каждое значение отдельно? Должен быть более простой способ.

Answer 1

Я хотел бы попробовать его с помощью $.post метод против сырого $.ajax один, и пусть JQuery обрабатывать для вас работу:

$.post("http://"+HOST+"https://stackoverflow.com/users/rankings", 
    { friends: JSON.stringify(friendsArr) }, 
    function(data){ 
     $("#rankings").html(response); 
    } 
); 

Кроме того, поскольку вы можете только POST через AJAX по адресам в этом домене, почему бы не использовать только "https://stackoverflow.com/users/rankings" в качестве вашего URL-адреса против "http://"+HOST+"https://stackoverflow.com/users/rankings"

Answer 2

Чтобы устранить эту проблему, вы должны использовать функцию javascript escape. Просто удалите свои данные и URL-адреса, прежде чем отправлять их.

Answer 3

Разве это не так просто, как:

$.ajax({ 
    type: "POST", 
    url: "http://"+HOST+"https://stackoverflow.com/users/rankings", 
    data: "friends="+escape(JSON.stringify(friendsArr)), 
    success: function(response){ 
     $("#rankings").html(response); 
    } 
});