Question

我是jquery和php的新手，我有两个输入字段，zip和city，城市应根据用户输入的zip输出一个值。 jquery脚本应调用URL：http://domain.com/city?zip.php=“zip;这样zip.php将返回一个将输出到城市输入字段的echo值。

我尝试使用ajax getXMLHTTP。有时候它有效，但有时候不是

请参阅以下代码段：

 <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>

Answer 1

如果你使用jquery，则使用$ .ajax选项而不是getXMLHTTP

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);
});

如果您想在某些输入字段中填充它，请使用.val代替.html

Answer 2

使用jQuery AJAX。例如：

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

Answer 3

使用jQuery.get，记录here。在成功处理程序中，使用data参数填充城市输入。

样品：

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

Answer 4

尝试使用jquery ajax

$.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
  }

      });

Answer 5

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

use this data will be displayed

Answer 6

如果它是一个不断更新的元素，那么使用jquery.post作为缓存“获取”结果。

jQuery.post（'call.php'，{action：“get”}，function（data）{

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

    });

在此处阅读教程http://vavumi.com/?p=257

Jquery ajax获取请求

6 个答案: