2012-02-22 5 views
0

나는 jquery와 PHP에 익숙하다. 필자는 두 개의 입력 필드 인 zip과 city를 가지고있다. 도시는 사용자가 입력 한 zip을 기반으로 값을 출력해야한다. . zip.php 도시 입력 필드에 출력Jquery ajax get request

나는 아약스 getXMLHTTP를 사용하여 시도합니다 에코 값을 반환 할 수 있도록 일부 작동 시간 그러나 때때로하지

을, http://domain.com/city?zip.php= "우편 번호 : JQuery와 스크립트는 URL을 호출하여야한다.

아래에 다음 코드를 참조하십시오.

<input type="text" id="zip_code" name="zip_code" /> 

<input type="text" id="city" name="city" /> 

<script type="text/javascript"> 

// Some Jquery code here for ajax get request to http://domain.com/city?zip.php 

</script> 
+0

그냥 사용 여기 튜토리얼'$ .get()' 코드를 보여 주거나 도와 줄 수 없다. – Rufinus

+0

http://api.jquery.com/jQuery.ajax/ – Neysor

답변

0

사용 jQuery.get , 문서화 된 here. 성공 처리기에서 data 인수를 사용하여 도시 입력을 채 웁니다.

샘플 : 예는 "GET"결과를 캐시로 지속적으로 업데이트하는 요소는 다음 jquery.post 사용의 경우

$.get('http://domain.com/city.php?zip='+$('#IdOfZipInput').val(), function (data){ 
    $('#IdOfCityInput').val(data); 
}); 
0

사용 jQuery AJAX 예를 들어 :

var zip = $('#zip').val(); 
$.get('http://domain.com/city.php?zip='+zip,function (data){ 
    $('#city').val(data); 
}); 
4

당신이 우리를하는 경우

function passzipvalue(zip) 
$.ajax({ 
       type: "GET", 
       url : 'http://domain.com/city.php=' 
       data:"zip="+zip, 
       success: function(msg){ 
        $("#formsData").html(msg); 

       } 
      }); 
} 

이런 일 또는

$.get('http://domain.com/city.php?zip='+zip,function (msg){ 
    $('#formsData').html(msg); 
}); 

일부 입력 필드를 채우려면

대신 .html.val를 사용 JQuery와에게 대신 getXMLHTTP의 사용 $의 아약스 옵션을 보내고

+0

'# formsData'는 입력 필드인가? 예, * 만 그 외에도 다른 도메인에서 데이터를 가져올 때 일반적으로 jsonp가 필요합니다. – ThiefMaster

+0

div로 가정했습니다. 그러나 그렇다 당신은 또한 정확하다고 말했다 – Poonam

+0

두 번째 코드 블록에서'.val()'을 사용하지만 ... – ThiefMaster

0

시도는 JQuery와 아약스에게

$.ajax({ 
     type: "POST", 
     url: 'sample/test.php',//your url 
     data: data,//data to be post 
     cache: false, 
     success: function(html) { 
     alert(html);//response from the server 
    } 

     }); 
0
$.ajax({ 
    url: 'http://domain.com/city.php?zip='+zip, 
    type: get, 
    success: function(data){ 
    $("div").html(data); 
    } 
}); 

use this data will be displayed 
0

를 사용합니다.

jQuery.post ('call.php', {행동 : "GET"}, 기능 (데이터) {

 jQuery('#content').append(data); 

    }); 

찾기가 jQuery를 사용하는 경우 http://vavumi.com/?p=257