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);
        }   
    });
});

Webページの#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を確認したい場合は、ブラウザー開発ツールの「ネットワーク/ネット」タブを確認してください。また、出力がhtmlテーブルであるため、正しくない画像のコンテンツタイプを設定しています。

于 2013-03-10T07:44:25.053 に答える