javascript - Jquery ajax 从请求的 php 页面不返回任何内容

Question

我通过 $.ajax 方法从 test.php 向 ajax.php 页面发送请求。控制台显示“200 ok”，表示请求正常。但什么也没有返回，尽管控制台没有显示任何错误。 我使用的页面如下:

测试.php

<div id="return-data">
    <ul class="return-lists">
    </ul>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$('.submit-form').click(function() {
    var name = "tanvir";
    var address = "Dhaka";

    var cData = "name=" + encodeURIComponent(name) + "&address=" + encodeURIComponent(address);

    $.ajax({
        url: "ajax.php",
        type: "POST",
        data: cData,
        success: function(data)
        {
            alert(data);
            $('#return-data .return-lists').append(data);
        }
    });
});
</script>

和ajax.php

<?php
    if( isset($_POST['name']) ) {
    $name = $_POST['name'];
    $address = $_POST['address'];

    $lists = '';
    $lists .= '<li>' . $name . '</li>';
    $lists .= '<li>' . $address . '</li>';


    return $lists;
    exit;
}

我还尝试删除 if( isset($_POST['name']) ) {} 并在 ajax.php 中使用 echo 而不是 return

Answer 1

试试这个。将 return $list 更改为 echo $list 并且无需在 ajax.php 末尾使用 exit

 <?php
 if( isset($_POST['name']) ) {
  $name = $_POST['name'];
  $address = $_POST['address'];

  $lists = '';
  $lists .= '<li>' . $name . '</li>';
  $lists .= '<li>' . $address . '</li>';


 echo $lists;

 }