0

1.带有Ajax的Jquery脚本

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

所以我的代码有什么问题。真的很感谢你有时间回答。

4

1 回答 1

2

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

于 2013-03-10T07:44:25.053 回答