ajax 成功函数从 php 接收信息

Question

我无法使用 ajax 从 php 脚本接收数据。我有一个表单将信息发送到 php 脚本。这只是一个测试。如果可行，我想从数据库接收信息。

    $('.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

我宁愿这样做:

Javascript

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

PHP

<?php 
      $lastname = $_POST['lastname'];
      $res = array("result" => $lastname);
      echo json_encode($res);
?>

像这样，你发送一个 json 到你的服务器并在 return 中得到一个 json。

Answer 2

添加响应类型，如：

 $.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);
        },
    });

和您的 PHP 文件：

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

ajax 成功函数从 php 接收信息

ajax success function receive information from php

php

ajax

callback