2011-04-08 3 views
0

실제 주소가 필요한 양식이 있습니다. 사용자가 전체 주소를 입력하면 "주소 확인"이라는 버튼이 있습니다. 해당 버튼을 클릭하고 서버의 파일을 호출하여 해당 주소의 경도와 위도를 얻은 다음 해당 좌표가있는 양식으로 돌아가서 div를 표시하는 아약스 호출을 트리거 할 수있게하려고합니다. 좌표를 계산하는 것에 대해 걱정하지 마십시오. 난 그냥 서버에서 응답시 전체 아약스 호출 및 jquery 디스플레이 알아낼려고. 감사합니다양식의 아약스 다음 채우기 양식 필드를 표시하는 jquery

그래서, 작업 일을 가지고 이런 짓을 "경도, 위도"경도를 반환하고 변수에 다시 위도 process.php

$(document).ready(function() { 

//if verify button is clicked 
$('#verify').click(function() { 

    var address = $('input[name=address]'); 
    var city = $('input[name=city]'); 
    var state = $('input[name=state]'); 
    var zip  = $('input[name=zip]'); 
    var country = $('select[name=country]'); 

    //organize the data for the call 
    var data = 'address=' + address.val() + '&city=' + city.val() + '&state=' + state.val() + '&zip=' + zip.val() + '&country=' + country.val(); 

    //start the ajax 
    $.ajax({ 
     url: "process.php", 
     type: "GET", 
     data: data, 
     cache: false, 
     success: function (html) { 

      //alert (html); 

      if (html!='error') { 

       //show the pin long and lat form 
       $('.form2').fadeIn('slow'); 

      } else alert('Error: Your location cannot be found'); 
     } 
    }); 

    //cancel the submit button default behaviours 
    return false; 
}); 
}); 

합니다. 프런트 엔드에서 해당 데이터에 액세스하려면 어떻게해야합니까? 양식 필드를 채울 수 있습니까? 큰 반응에 대해 감사드립니다.

+0

당신이 우리에게 양식, 자바 스크립트, 당신은 보내고 아약스 호출에서받은 데이터의 샘플을 보여 만든 시도 무엇을 게시 해 봅니다. 그러면 우리는 당신을 더 잘 도울 수 있습니다. – Ragnar123

+0

당신이 가지고있는 모든 것은 "html"변수에 나타납니다. –

답변

1

도움이되기를 바랍니다. 이것은 PHP 페이지에 일반적인 AJAX 호출 될 것이다 :

$.ajax({ 
      type: "POST", 
      url: "scripts/process.php", 
      data: "type=query&parameter=" + parameter, 
      success: function (data) { //Called when the information returns 
       if(data == "success"){ 
        //Success 
       } else { 
        //Fail 
       } 
      }, 
      error: function() { 
        //Complete failure 
      } 
     }); 
0

필요한 jQuery 함수는 jQuery.get()입니다.

여기에서 다른 세부 정보를 찾을 수 있습니다 : http://api.jquery.com/category/ajax/ 불충분 세부 사항에 대해 사과 하긴하지만 소스 코드를 제공하지 않았습니다.