php - 无法看到使用ajax和php从服务器响应的html代码

Question

1.Jquery脚本与Ajax

$('#location').change(function(){
    var l = $('#location :selected').val();
    $.ajax({
    type:'POST',
        url : 'function/get_location.php',
        dataType:'html',
        data : { loc : l},
        success: function(data){
            $('#advertise_record').html(data);
        }   
    });
});

我想看到来自服务器的响应显示在我的网页中名为 #advertise_record 的博客 div 中的 html 代码。但是当右键单击查看源代码时，我没有看到该博客中的 html 代码，但它的结果显示在此处。

2.html代码

<div id="advertise_record"></div>

我需要服务器响应的结果显示在这里。它显示了结果，但是当我右键单击查看源代码时，我没有看到该代码。

<强>3。 get_location.php

<?php

    include_once (dirname(__FILE__). '/dbconfig.php');

    define('ADVERTISE_DIRECTORY','../advertise/');

    if(isset($_POST['loc'])) $loc = mysql_real_escape_string($_POST['loc']);

    switch($loc){
        case 0 : $sql = 'SELECT * FROM tblads';break;
        case 1 : $sql = 'SELECT * FROM tblads WHERE loc_id="'.$loc.'"'; break;
        case 2 : $sql = 'SELECT * FROM tblads WHERE loc_id="'.$loc.'"'; break;
        case 3 : $sql = 'SELECT * FROM tblads WHERE loc_id="'.$loc.'"'; break;
        default:"";
    }
    ?>
    <table border="1" cellpadding="5" cellspacing="5" width="850px;">
        <tbody>
            <tr>
                <td><input type="file" name="filename" id="filename" class="text"/></td>
                <td><label class="title">Name :</label><input type="text" name="ads_name" id="ads_name" class="text" style="width:150px;"></td>
                <td><label class="title">URL :</label><input type="text" name="url" id="url" class="text" style="width:150px;"/></td>
                <td><input type="button" name="update" id="update" class="button button_update"/></td>
            </tr>
    <?php
    $output = mysql_query($sql) or die(mysql_error());
    while($row = mysql_fetch_array($output)){
        ?>
        <tr>
            <td colspan="3" align="center">
                <div style="width: 700px;height: auto;overflow-x: scroll;">
                    <img src='<?php echo ADVERTISE_DIRECTORY.$row['image_name']?>' alt='<?php echo $row['ads_name'];?>' />  
                </div>
            </td>
            <td align="center"><a href='#tab-advertise?edit=<?php echo $row['ads_id']?>' >Edit</a></td>
        </tr>   
        <?php
    }
?>  
        </tbody>
    </table>    

那么我的代码有什么问题呢？非常感谢您抽出时间来回答。

Answer 1

您不会在源代码中看到最初不存在的任何内容。如果您想查看 ajax 调用返回的 html，请检查浏览器开发工具中的网络/网络选项卡。此外，您为图像设置的内容类型是不正确的，因为您的输出是 html 表格。