jQuery AJAX 요청 데이터 옵션의 앰퍼샌드 (&) 문자

Question

기본 $ .ajax()로 jQuery를 통해 비동기 HTTP (Ajax) 요청을 수행하고 있습니다. 코드는 다음과 같습니다 :

$("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!"); 
     } 
    }); 

}); 

모든 것이 텍스트 영역 앰퍼샌드 (&) 문자 내부에 사용자가 입력 할 때까지 제대로 평소와 같이 노력하고 있습니다. 값을 저장하는 PHP 함수를 디버깅 할 때보 다이 문자까지 항상 값을 갖습니다.

필자는 어떻게 든 앰퍼샌드 (&)를 건너 뛰는 해결책이 있어야한다고 생각합니다. 어떤 아이디어? 대신

Answer 1

:

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

는 수행

data: { id: thisId, value: thisValue } 

이 방법 JQuery와 제대로 URL이 값을 인코딩 처리됩니다. 문자열 회씩 연결은 자바 스크립트 기능 encodeURIComponent() 사용

Answer 2

:-) 모든 악의 뿌리입니다

$("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

강하게 당신이 위의 모든 경우에 가능한 solution provided by Darin를 사용하는 것이 좋습니다를; 그런 식으로 POST 데이터를 작성하기 위해 잘 테스트 된 코드를 재사용 할 수 있습니다. (사용자 입력 중 쿼리 문자열이나 POST 데이터를 만들 때 응용 프로그램의 다른 곳에서 여기, 나) 당신은 정말, 정말, 정말 문자열 연결을 사용해야 할 경우

는, 당신은 사용할 필요가 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!"); 
     } 
    }); 
}); 

기본적으로 jQuery.ajax을 사용하여 POST을 전송하면 콘텐츠 유형이 application/x-www-form-urlencoded 인 데이터를 전송하게됩니다. 즉, 데이터가 그런 방식으로 인코딩되었음을 약속합니다. 당신은 거래의 일부를 유지하고 실제로 그것을 인코딩해야합니다. 이것은 앰퍼샌드에서 중요하지 않습니다.

Answer 4

$.ajax({ 

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