javascript - AJAX 和 PHP 的问题

Question

我有一个表单，其中有一个用于输入 PIN 码的字段。这里我使用ajax在输入PIN码时查找位置。当该字段未包含在表单中时它会起作用。如果它包含在表单中，AJAX 将无法工作。

HTML 代码:

<form id="form" class="blocks" action="#" method="post" enctype="multipart/form-data">
    <div class="col_4 right">
        <label for="fullname">FirstName:</label>
        <input name="fname" type="text" class="text" />
    </div>
    <div class="col_4 right">
        <label for="pincode">Pin-Code:</label>
        <input name="pincode" type="text" class="text" id="pincode"  />
        <div id="section1"></div>
    </div>
</form>

JS 代码:

<script>

        $(document).ready(function() {
             $('#pincode').keyup(function (e) {
                 if (e.keyCode == 13) {


                    //ajax request
                    $.ajax({
                         url: "pincode_check.php",
                        data: {
                            'pincode' : $('#pincode').val()
                        },
                        dataType: 'json',
                        success: function(data) { <!--console.log(data.success);-->
                            if(data.success){
                                //console.log(data.results[0].formatted_address.split(','))
                                var long_address=data.results[0].formatted_address.split(',');
                                console.log(long_address[0]);
                                $('#section1').append(long_address[0]);

                            }
                        }
                    });
                 }
                });

           });


        </script>

PHP 代码(pincode_check.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->results[0]->formatted_address ;   
        $data->success=true;
        echo json_encode($data);
    }
    else {
        $data->success= false;

        echo json_encode($data);
    }
?>

Answer 1

$.ajax 中的默认内容类型是 application/x-www-form-urlencoded。但您已将表单内容设置为 multipart/form-data。

multipart/form-data 通常用于通过 POST 发送文件。我认为你不需要它，所以你根本不需要指定 enctype，只需删除它并使用默认的表单编码，即 application/x-www-form -urlencoded。

(此外，$.ajax 中的默认请求类型是 GET，因此如果您确实想发送文件，您也需要更改它......以及添加属性type="file" 到您的表单，我相信...)