Znak Ampersand (&) wewnątrz wartości opcji danych żądań jQuery AJAX

Question

Wykonuję asynchroniczne żądania HTTP (Ajax) za pośrednictwem jQuery z podstawowym $ .ajax(). Kod wygląda następująco:

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + thisId + "&value=" + thisValue, 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 

}); 

Wszystko działa prawidłowo, jak zwykle, aż użytkownik wpisze wewnątrz textarea ampersand (&) charakteru. Niż podczas debugowania funkcji PHP, która zapisuje wartość, zawsze ma wartość do tego znaku.

Wierzę, że musi istnieć rozwiązanie, aby w jakiś sposób pominąć znak ampersand (&). Jakieś pomysły?

Answer 1

Zamiast:

data: "id=" + thisId + "&value=" + thisValue 

zrobić:

data: { id: thisId, value: thisValue } 

ten sposób jQuery zajmie prawidłowo URL kodowania wartości. powiązań, String są źródłem wszelkiego zła :-)

Answer 2

wystarczy użyć funkcji javascript encodeURIComponent():

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + thisId + "&value=" + encodeURIComponent(thisValue), 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 

}); 

Answer 3

Zalecamy używać solution provided by Darin powyżej, jeżeli w ogóle jest to możliwe; w ten sposób ponownie wykorzystasz sprawdzony kod do budowania danych POST.

Ale jeśli naprawdę, naprawdę, naprawdę trzeba używać konkatenacji ciągów (tu lub gdzie indziej w aplikacji podczas budowania ciągów zapytań lub POST dane Spośród wejść przez użytkownika), trzeba użyć encodeURIComponent:

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + encodeURIComponent(thisId) + "&value=" + encodeURIComponent(thisValue), 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 
}); 

Domyślnie podczas wysyłania POST z jQuery.ajax, wysyłasz dane o typie treści application/x-www-form-urlencoded, co oznacza, że ​​obiecujesz, że dane są zakodowane w ten sposób. Musisz być pewien, że zachowasz swoją część umowy i faktycznie ją zakodować. Nie jest to ważne tylko dla amperand.

Answer 4

$.ajax({ 

    type:'POST', 
dataType: "text", 
    url:'save.php', 
    data:'_id='+$('#id').val()+'&title='+$('#title').val(), 
?? 
data: { id: thisId, value: thisValue }