ajax成功函数从php接收信息

Question

I'm not able to receive data from php script with ajax. I have an form sending the information to the php script. This is just a test. If it works I want to receive information from a database.

    $('.search-member-submit-btn').click(function () {
    var firstname = $("#search-member-firstname").val();
    var lastname = $("#search-member-lasttname").val();

    $.ajax({//AJAX request
        type: "POST",
        url: "/website/include/process/send_membersearchrequest_process.php",
        async: true,
        data: {firstname: firstname, lastname: lastname},
        success: function (data) {
            alert(data);
            $(".search-member-result-address").html(data);
        },
    });

});

HTML:

<div class="col-md-3">
     <div class="search-member-result-container">
          <address class="search-member-result-address">

          </address>
      </div>
</div>
<div class="search-member-form">
     <input class="search-member-input" id="search-member-lastname" placeholder="Name">
     <input class="search-member-input" id="search-member-firstname" placeholder="Vorname">
     <div class="search-member-submit-btn">suchen</div>
</div>

PHP

<?php 
    $lastname = $_POST['lastname'];
    echo $lastname;
?>

Answer 1

Add response type like :

 $.ajax({//AJAX request
        type: "post",
        url: "/website/include/process/send_membersearchrequest_process.php",
        async: true,
        data: {firstname: firstname, lastname: lastname},
        dataType: 'json', // You have to add this line
        success: function (data) {
            alert(data.response);
            $(".search-member-result-address").html(data.response);
        },
    });

and your PHP file :

<?php 
$lastname = $_POST['lastname'];
echo json_encode(array('response' => $lastname));
exit();
?>