javascript - 使用 AJAX 将变量从 JavaScript 传递到 PHP 不会显示任何内容

Question

我尝试使用 AJAX 将 PHP 变量发送到 JavaScript 并实现为 HTML，但结果没有显示任何内容。

我的 HTML 代码:

<div class="contain" id="konten_data"
     style="margin-top: 20px;"></div>

我的 JavaScript 代码:

function tampilDepan(id){
            $.ajax({
                type: 'POST',
                url: 'userAction.php',
                data: 'action_type=tdepan&id='+id,
                success:function(html){
                    $('#konten_data').html(html);
                }
            });
        } 

我的 PHP 代码(userAction.php):

($_POST['action_type'] == 'tdepan'){
$link = mysqli_connect("localhost", "root", "", "universitas");

$datas = mysqli_query($link, "SELECT * FROM mahasiswa where user='john' ");
        if(!empty($datas)){
            while ($datak = mysqli_fetch_assoc($datas)){
                echo  '<div class="row" style="margin-left: -90px;">
                <div class="col-xs-6 col-sm-6 col-md-4">
                <img class="img-thumbnail img-responsive"
                     src="images/test/'.$datak['gmb_batik'].'" alt=""></div>
                <div class="col-xs-12 col-md-8">
                <div class="content-box-large">
                <p>'.$datak['desc_batik'].'</p>
                </div>
                </div>                
            </div>
            <div class="row" style="margin-left: -90px; margin-top: 10px;">
                <div class="col-xs-12 col-sm-6 col-md-4 col-md-offset-3">
                    <div class="content-box-large">
                        <h1 >asal <strong>'.$datak['asal_batik'].'</strong></h1>
                    </div>
                </div>
                <div class="col-xs-16 col-sm-6 col-md-2 col-md-offset-1">
                    <img class="img-thumbnail img-responsive"
                      src="login/admin/files/qrcode/'.$datak['qr_batik'].'"
                      alt="">
                </div>
            </div>
            <div class="row" style="margin-left: -90px; margin-top: 10px;">
                <div class="col-xs-12 col-sm-6 col-md-9 col-md-offset-4">
                    <div class="content-box-large">
                    <p>'.$datak['pola_batik'].' </p>
                    </div>
                </div>
        </div>';
            }
        }else {``
            echo '<tr><td colspan="5">No user(s) found......</td></tr>';
        }`
}

我不知道出了什么问题，希望有人能帮助我。

Answer 1

尝试将 javascript 代码更改为

function tampilDepan(id){
            $.ajax({
                type: 'POST',
                url: 'userAction.php',
                data: {action_type: "tdepan", id: id},
                success:function(html){
                    $('#konten_data').html(html);
                }
            });
    } 

如您所见，数据作为对象而不是字符串传递。

此外，请注意，如果未找到用户，您将输入 <tr>里面 <div> .