AJAX POST-Anfragen mit JQuery do urlencode nicht '+'

Question

ich eine Menge von JSON-Daten habe ich auf eine Anfrage weitergeben müssen:

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

friendsArr ist ein Array von Objekten im JSON-Format. Das Problem besteht darin, dass einige Objekte Daten mit einem "+" haben und diese nicht richtig codiert werden. Es kommt in Server-Seite als "" und die Daten sind durcheinander. Muss ich wirklich alle Daten durchlaufen und jeden Wert separat kodieren? Es muss einen leichteren Weg geben.

Answer 1

Ich würde versuchen, es das $.post Verfahren gegen den rohen $.ajax ein verwenden, und lassen Sie jQuery die Arbeit für Sie erledigen:

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

Darüber hinaus, da Sie nur POST über AJAX zu Adressen auf der gleichen Domain können, warum nicht einfach "https://stackoverflow.com/users/rankings" als Ihre URL vs. "http://"+HOST+"https://stackoverflow.com/users/rankings"

Answer 2

Sie sollten in der Lage sein, die Javascript escape Funktion zu verwenden, um dieses Problem zu beheben. Entkomme einfach deine Daten und deine URL, bevor du sie abschickst.

Answer 3

Ist es nicht so einfach wie:

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