Ajax无法正常工作

user2902078 发表于 Dev

用户名

使用ajax php输入密码时的查找位置。但是它不能正常工作。当我们输入每个密码时，都会检查该密码，然后显示该地点的结果。

    <label for="pincode">Pin-Code:</label>
  <input name="pincode" type="text" class="text" id="pincode"  />
  <div id="section1"></div>

我将此部分设置为输入字段。

 <script>
    $(document).ready(function() {  
         $('#pincode').keyup(function() {
                //ajax request
                $.ajax({
                     url: "pincode_check.php",
                    data: {
                        'pincode' : $('#pincode').val()
                    },
                    dataType: 'json',
                    success: function(data) { console.log(data.success);
                        if(data.success){
                            $.each(data.results[0].address_components, function(index, val){
                                 console.log(index+"::"+val.long_name);                         
                                 $('#section1').append( val.long_name+'<br>');
                             });    
                        }       
                    },      
                });
            });
       });


    </script>

这是将数据发送到pincode_check.php的ajax部分。我正在做pincode_check.php如下所示。在这里，传递值会在$ pincode变量中获取，然后使用maps.google.com查找该地点的对数。然后找到对应的地方。该地名将显示在表单字段下方。但是它不能正常工作。

     <?php 
    $pincode=$_REQUEST['pincode'];
    $geocode=file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$pincode.'&sensor=false');
    $response= json_decode($geocode); //Store values in variable
    $lat = $response->results[0]->geometry->location->lat; //Returns Latitude
    $long = $response->results[0]->geometry->location->lng; // Returns Longitude
    $geocode=file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?latlng='.$lat.','.$long.'&sensor=false');
    $data= json_decode($geocode);

    if($data==true)
    { // Check if address is available or not
        $data->results[0]->formatted_address ;   
        $data->success=true;
        echo json_encode($data);
    }
    else {
        $data->success= false;

        echo json_encode($data);
    }

?>

克里希·R。

试试这个，在您的ajax响应success对象中丢失了。我已经重写了代码，

另外，pincode_check.php

if($data==true)
{ // Check if address is available or not
    $data->result[0]->formatted_address ;   
    $data->success=true;
    echo json_encode($data);
}
else {
    $data->success= false;      
    echo json_encode($data);
}

在HTML中：应该是（在html id元素中删除#）

<div id="section1"></div>

代替

<div id="#section1"></div>

更新：

    <script>
    $(document).ready(function() {  
         $('#pincode').keyup(function() {
                //ajax request
                $.ajax({
                     url: "pincode_check.php",
                    data: {
                        'pincode' : $('#pincode').val()
                    },
                    dataType: 'json',
                    success: function(data) { console.log(data.success);
                        if(data.success){
                            $.each(data.results[0].address_components, function(index, val){
                                 console.log(index+"::"+val.long_name);                         
                                 $('#section1').append( val.long_name+'<br>');
                             });    
                        }       
                    },      
                });
            });
       });


    </script>

HTML：

  <label for="pincode">Pin-Code:</label>
  <input name="pincode" type="text" class="text" id="pincode"  />
  <div id="section1"></div>

PHP代码

<?php 
    $pincode=$_REQUEST['pincode'];
    $geocode=file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$pincode.'&sensor=false');
    $response= json_decode($geocode); //Store values in variable
    $lat = $response->results[0]->geometry->location->lat; //Returns Latitude
    $long = $response->results[0]->geometry->location->lng; // Returns Longitude
    $geocode=file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?latlng='.$lat.','.$long.'&sensor=false');
    $data= json_decode($geocode);

    if($data==true)
    { // Check if address is available or not
        $data->result[0]->formatted_address ;   
        $data->success=true;
        echo json_encode($data);
    }
    else {
        $data->success= false;

        echo json_encode($data);
    }

?>