ajax 호출이 $ .post로 응답하지 않습니다.

Question

jquery 선택으로 선택한 요소의 값을 얻으려고합니다. 그 후, 그 값은 아약스를 통해 PHP 스크립트에 게시 된 다음 데이터베이스에서 데이터를 검색하고 같은 페이지 (autocompete)에 표시합니다.

var marvalue=$("input[name=m_status]:checked").val(); 
var fromhvalue=$("#fromheight").val(); 
var tohvalue=$("#toheight").val(); 
var value = $("#edu_det1").val(); 
alert (value); 
var regvalue = $("#religion").val(); 
alert (regvalue); 
var occvalue = $("#occupation").val(); 
alert (occvalue); 
var convalue = $("#country").val(); 
alert (convalue); 

경고는 올바른 값을 확인하기위한 것입니다. 위의 코드를 보면 다른 입력 요소의 값을 얻을 수 있습니다. 표시

주석을 제거하거나 경고 팝업과도 결과 : 다음은 내가 게시하는 데 사용되는 코드가

/*        
$.post("regsearch.php", {queryString: ""+value+"",queryString1: ""+marvalue+"",queryStringfage: ""+fage+"",queryStringtage: ""+tage+""+queryStringfromh: ""+fromhvalue+""+queryStringtoh: ""+tohvalue+""+}, function(data) { // Do an AJAX call 
      $('#suggestions').fadeIn(); // Show the suggestions box 
      $('#suggestions').html(data); // Fill the suggestions box 
     }); 
             */ 

문제 PHP로하는 것입니다. 쿼리가 게시되지 않으므로 결과에 대해 확인하십시오.
중요한 부분은 m_status 및 edu_det1 만있는 아래 코드를 사용할 때 작동합니다.

marvalue=$("input[name=m_status]:checked").val(); 
alert (marvalue); 

var value = $("#edu_det1").val(); 

alert (value); 

위의 우편 번호는 나이에

$.post("regsearch.php", { 
    queryString: ""+value+"", 
    queryString1: ""+marvalue+"", 
    queryStringfage: ""+fage+"",queryStringtage: ""+tage+"" 
}, function(data) { 
    // Do an AJAX call 
    $('#suggestions').fadeIn(); // Show the suggestions box 
    $('#suggestions').html(data); // Fill the suggestions box 
}); 

코드이며 검증은 여기에 추가되지 않습니다. 문제는 무엇이며 어떻게 해결할 수 있습니까?

Answer 1

먼저 콘솔을 사용하여 자바 스크립트 오류를 ​​확인해야합니다. 일부 오류가 발생합니다. 예를 들어, 쿼리 문자열은 정의되지 않았습니다.

경고 대신 console.log를 사용하기 때문에 덜 짜증나고 유익합니다.

다음 : f.e. ""+ marvalue + ""- 그냥 marvalue를 사용하십시오. 반면에 f.e. queryString이는

$.post("regsearch.php", {'queryString':value,'queryString1': marvalue,'queryStringfage':fage,'queryStringtage':tage,'queryStringfromh': fromhvalue,'queryStringtoh':tohvalue}, function(data) { 
      $('#suggestions').fadeIn(); 
      $('#suggestions').html(data); 
}); 

Answer 2

당신이 JQuery와에게 serialize() 기능을 사용하는 경우 그것은 더 나은 것입니다 ... 인용한다. 이렇게하면 양식을 사용하여보다 쉽게 ​​작업 할 수 있습니다.

var querstring = $(form).serialize(); 

위 내가 같은 일을 할 것 아약스 포스트 jQuery.ajax()를 사용하여 같아요

Answer 3

도움이 될 것입니다 그리고 당신은 당신의 페이지의 필드를 직렬화 할 수 있습니다. 코드의

http://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings

내가 수행 한 유사한 유형

사용자 이름은 어떻게 쿼리 문자열입니다

 var data = $('#Username').serialize(); 
     $('#usernameCheck').empty(); 

     if (!$("form").validate().element("#Username")) 
      return; 

     $.ajax({ 
      url: '/SignUp/CheckUsername', 
      type: 'POST', 
      data: data, 
      async: true, 
      success: function (result) { 
       if (result == 1) { 

        $('#usernameCheck').html('<font color=green>Username available</font>'); 
        usernameOK = true; 
       } 
       else if (result == 2) { 

        $('#usernameCheck').html('<font color=red>Username not available</font>'); 
        usernameOK = false; 
       } 
       else { 
        $('#usernameCheck').empty(); 
        usernameOK = false; 
       } 

      } 
     });