Javascript 使用Ajax在表数据中调用php文件时出错_Javascript_Php_Html_Ajax

Javascript 使用Ajax在表数据中调用php文件时出错

javascript php html ajax

Javascript 使用Ajax在表数据中调用php文件时出错,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我有一个小项目，其中有不同的新闻。我必须在dashboard.php文件的表数据中包含这个news_all.php文件。我有预定义的根结构，其中我不能使用include'news.php，我不想使用它。因此，在本例中，我如何能够调用dashboard.php文件中的表数据中的news.php文件。我使用了Ajax方法。我几乎完成了，但代码中有一个小错误。任何帮助。谢谢。这是我的密码： dashboard.php <?php // -- REGISTER ERSTELLEN ----

我有一个小项目，其中有不同的新闻。我必须在dashboard.php文件的表数据中包含这个news_all.php文件。我有预定义的根结构，其中我不能使用include'news.php，我不想使用它。因此，在本例中，我如何能够调用dashboard.php文件中的表数据中的news.php文件。我使用了Ajax方法。我几乎完成了，但代码中有一个小错误。任何帮助。谢谢。这是我的密码：

dashboard.php

   <?php
// -- REGISTER ERSTELLEN -------------------------------------------------------

$page['register-news'] = array(
    1   => array( 'News','aktiv',$page['script'],'',''),
);

$page['edit-register-news'] = array(
    1   => array( 'Edit-News','aktiv',$page['script'],'',''),
);


$page['content'] .= '

<table width="538" cellspacing="0" cellpadding="0" border="0" >
    <tr>
        <td id="News">
            <div>'.CreateRegister($page['register-news']).'</div>
            '.CreateMessage().'
            <div class="cont-liste-verlauf register">           


            </div>
        </td>
    </tr>
</table>';


?>

<table width="538" cellspacing="0" cellpadding="0" border="0" >
    <tr>
        <td id="news">
            <div>'.CreateRegister($page['register-news']).'</div>
            '.CreateMessage().'
            <div class="cont-liste-verlauf register">           


            </div>
        </td>
    </tr>
</table>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$.ajax({
          type: "POST",
          url: "news_all.php",
          dataType : 'json',
          cache: false,
          data: {},
          success: function(data){
             $('#news').html(data.html);
          }
        });

</script>

news_all.php

        <?php
include 'constant/const_system.inc.php';
include 'functions/ad_json.inc';
include 'functions/ad_formulare.inc';
$html = 
'<table width="538" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

<a href="news.php?id=" class="TrackNews" id="01">
<div class="welcome-rahmen lng toggleNews" id="news_269_kurz">
<p class="welcome-breadcrump">Montag, 19.05.2014</p>
<p class="welcome-subheadline">Teilnahme von MAN Top Used an der Samoter 2014</p>
<div class="newsText">
<p class="welcome-text"><img src="http://intern.autodo.de/admin/news/man-it.jpg" width="165" class="text_fixed" border="0"></p>
<p class="welcome-text">Die 29. Internationale Erd- und Bautechnik-Ausstellung Samoter fand zwischen dem 8. und 11. Mai in Verona statt und zog rund 100.000 Besucher an. Samoter ist die wichtigste italienische Messe ihrer Art, die den Themen Erdbewegung, Hochbau und Baumaschinen gewidmet ist. Zugleich ist diese Veranstaltung damit auch f? europ?chen Markt bedeutsam.</p>
</div>
</div>
</a>

<a href="news.php?id=" class="TrackNews" id="02">
<div class="welcome-rahmen lng toggleNews" id="news_264_kurz">
<p class="welcome-breadcrump">Freitag, 24.01.2014</p>
<p class="welcome-subheadline">Kaufvertrag: neue Porsche-Vorlage zum Drucken!</p>
<div class="newsText">
<img src="http://intern.autodo.de/admin/news/porsche-kaufvertrag.jpg" border="0" align="right" class="img_fixed" width=60><p class="welcome-text">Ihr AMO Druckcenter bietet Ihnen ab sofort die M?chkeit, Kaufvertr? im Porsche-Design zu nutzen.</p>
<p class="page-breadcrump">AutoDo!-Team</p>
</div>
</div>
</a>
</td>
</tr>
</table>';
$return = array(
        'status' => 1,
        'html'  => $html
    );

    echo(json_encode($return)) ;

?>

<?php
$html =' <table width="538" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td>    
    <a href="news.php?id=" class="TrackNews" id="01">
        <div class="welcome-rahmen lng toggleNews" id="news_269_kurz">
        <p class="welcome-breadcrump">Montag, 19.05.2014</p>
        <p class="welcome-subheadline">Teilnahme von MAN Top Used an der Samoter 2014</p>
        <div class="newsText">
        <p class="welcome-text"><img src="http://intern.autodo.de/admin/news/man-it.jpg" width="165" class="text_fixed" border="0"></p>
        <p class="welcome-text">Die 29. Internationale Erd- und Bautechnik-Ausstellung Samoter fand zwischen dem 8. und 11. Mai in Verona statt und zog rund 100.000 Besucher an. Samoter ist die wichtigste italienische Messe ihrer Art, die den Themen Erdbewegung, Hochbau und Baumaschinen gewidmet ist. Zugleich ist diese Veranstaltung damit auch f? europ?chen Markt bedeutsam.</p>
        </div>
        </div>
        </a>

        <a href="news.php?id=" class="TrackNews" id="02">
        <div class="welcome-rahmen lng toggleNews" id="news_264_kurz">
        <p class="welcome-breadcrump">Freitag, 24.01.2014</p>
        <p class="welcome-subheadline">Kaufvertrag: neue Porsche-Vorlage zum Drucken!</p>
        <div class="newsText">
        <img src="http://intern.autodo.de/admin/news/porsche-kaufvertrag.jpg" border="0" align="right" class="img_fixed" width=60><p class="welcome-text">Ihr AMO Druckcenter bietet Ihnen ab sofort die M?chkeit, Kaufvertr? im Porsche-Design zu nutzen.</p>
        <p class="page-breadcrump">AutoDo!-Team</p>
        </div>
        </div>
        </a>

        <a href="news.php?id=" class="TrackNews" id="03">
        <div class="welcome-rahmen lng toggleNews" id="news_265_kurz">
        <p class="welcome-breadcrump">Mittwoch, 15.01.2014</p>
        <p class="welcome-subheadline">AutoDo! Update: Die Eigenschaft -Unfallfahrzeug- wurde im AMO erweitert!</p>
        <div class="newsText">
        <p class="welcome-text">Ab sofort k?n Sie Fahrzeuge nach folgenden Kriterien kennzeichnen:</p>
        <p class="highlight"><b>? Unfallfahrzeug<br>
        ? Unfallfrei<br>
        ? Keine Angabe</b></p>
        <p class="page-breadcrump">AutoDo!-Team</p>
        </div>
        </div>
        </a>
    </td>
    </tr>
</table>
';
$return = array(
        'status' => 1,
        'html'  => $html
    );

    echo(json_encode($return)) ;

?>

ajax.js

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

    <script>
    $.ajax({
              type: "POST",
              url: "news_all.php",
              dataType : 'json',
              cache: false,
              data: {},
              success: function(data){
                 $('#news').html(data.html);
              }
            });

    </script>

您几乎做到了，因为您使用的是data.html，所以有两件主要的事情

数据类型：AJAX调用中的“json” 这将告诉AJAX函数将接收到的数据作为JSON对象处理，从而允许您使用data.html查看更多信息 echojson_encode$return在news_all.php输出中这将以JSON兼容格式提供输出下面是我的示例代码

dashboard.php

   <?php
// -- REGISTER ERSTELLEN -------------------------------------------------------

$page['register-news'] = array(
    1   => array( 'News','aktiv',$page['script'],'',''),
);

$page['edit-register-news'] = array(
    1   => array( 'Edit-News','aktiv',$page['script'],'',''),
);


$page['content'] .= '

<table width="538" cellspacing="0" cellpadding="0" border="0" >
    <tr>
        <td id="News">
            <div>'.CreateRegister($page['register-news']).'</div>
            '.CreateMessage().'
            <div class="cont-liste-verlauf register">           


            </div>
        </td>
    </tr>
</table>';


?>

<table width="538" cellspacing="0" cellpadding="0" border="0" >
    <tr>
        <td id="news">
            <div>'.CreateRegister($page['register-news']).'</div>
            '.CreateMessage().'
            <div class="cont-liste-verlauf register">           


            </div>
        </td>
    </tr>
</table>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$.ajax({
          type: "POST",
          url: "news_all.php",
          dataType : 'json',
          cache: false,
          data: {},
          success: function(data){
             $('#news').html(data.html);
          }
        });

</script>

news_all.php

        <?php
include 'constant/const_system.inc.php';
include 'functions/ad_json.inc';
include 'functions/ad_formulare.inc';
$html = 
'<table width="538" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

<a href="news.php?id=" class="TrackNews" id="01">
<div class="welcome-rahmen lng toggleNews" id="news_269_kurz">
<p class="welcome-breadcrump">Montag, 19.05.2014</p>
<p class="welcome-subheadline">Teilnahme von MAN Top Used an der Samoter 2014</p>
<div class="newsText">
<p class="welcome-text"><img src="http://intern.autodo.de/admin/news/man-it.jpg" width="165" class="text_fixed" border="0"></p>
<p class="welcome-text">Die 29. Internationale Erd- und Bautechnik-Ausstellung Samoter fand zwischen dem 8. und 11. Mai in Verona statt und zog rund 100.000 Besucher an. Samoter ist die wichtigste italienische Messe ihrer Art, die den Themen Erdbewegung, Hochbau und Baumaschinen gewidmet ist. Zugleich ist diese Veranstaltung damit auch f? europ?chen Markt bedeutsam.</p>
</div>
</div>
</a>

<a href="news.php?id=" class="TrackNews" id="02">
<div class="welcome-rahmen lng toggleNews" id="news_264_kurz">
<p class="welcome-breadcrump">Freitag, 24.01.2014</p>
<p class="welcome-subheadline">Kaufvertrag: neue Porsche-Vorlage zum Drucken!</p>
<div class="newsText">
<img src="http://intern.autodo.de/admin/news/porsche-kaufvertrag.jpg" border="0" align="right" class="img_fixed" width=60><p class="welcome-text">Ihr AMO Druckcenter bietet Ihnen ab sofort die M?chkeit, Kaufvertr? im Porsche-Design zu nutzen.</p>
<p class="page-breadcrump">AutoDo!-Team</p>
</div>
</div>
</a>
</td>
</tr>
</table>';
$return = array(
        'status' => 1,
        'html'  => $html
    );

    echo(json_encode($return)) ;

?>

<?php
$html =' <table width="538" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td>    
    <a href="news.php?id=" class="TrackNews" id="01">
        <div class="welcome-rahmen lng toggleNews" id="news_269_kurz">
        <p class="welcome-breadcrump">Montag, 19.05.2014</p>
        <p class="welcome-subheadline">Teilnahme von MAN Top Used an der Samoter 2014</p>
        <div class="newsText">
        <p class="welcome-text"><img src="http://intern.autodo.de/admin/news/man-it.jpg" width="165" class="text_fixed" border="0"></p>
        <p class="welcome-text">Die 29. Internationale Erd- und Bautechnik-Ausstellung Samoter fand zwischen dem 8. und 11. Mai in Verona statt und zog rund 100.000 Besucher an. Samoter ist die wichtigste italienische Messe ihrer Art, die den Themen Erdbewegung, Hochbau und Baumaschinen gewidmet ist. Zugleich ist diese Veranstaltung damit auch f? europ?chen Markt bedeutsam.</p>
        </div>
        </div>
        </a>

        <a href="news.php?id=" class="TrackNews" id="02">
        <div class="welcome-rahmen lng toggleNews" id="news_264_kurz">
        <p class="welcome-breadcrump">Freitag, 24.01.2014</p>
        <p class="welcome-subheadline">Kaufvertrag: neue Porsche-Vorlage zum Drucken!</p>
        <div class="newsText">
        <img src="http://intern.autodo.de/admin/news/porsche-kaufvertrag.jpg" border="0" align="right" class="img_fixed" width=60><p class="welcome-text">Ihr AMO Druckcenter bietet Ihnen ab sofort die M?chkeit, Kaufvertr? im Porsche-Design zu nutzen.</p>
        <p class="page-breadcrump">AutoDo!-Team</p>
        </div>
        </div>
        </a>

        <a href="news.php?id=" class="TrackNews" id="03">
        <div class="welcome-rahmen lng toggleNews" id="news_265_kurz">
        <p class="welcome-breadcrump">Mittwoch, 15.01.2014</p>
        <p class="welcome-subheadline">AutoDo! Update: Die Eigenschaft -Unfallfahrzeug- wurde im AMO erweitert!</p>
        <div class="newsText">
        <p class="welcome-text">Ab sofort k?n Sie Fahrzeuge nach folgenden Kriterien kennzeichnen:</p>
        <p class="highlight"><b>? Unfallfahrzeug<br>
        ? Unfallfrei<br>
        ? Keine Angabe</b></p>
        <p class="page-breadcrump">AutoDo!-Team</p>
        </div>
        </div>
        </a>
    </td>
    </tr>
</table>
';
$return = array(
        'status' => 1,
        'html'  => $html
    );

    echo(json_encode($return)) ;

?>

谢谢你的回复。我已经做了你告诉我的更改，但是没有显示任何输出，没有任何错误。我已经检查了firebug。请检查问题中的更改。谢谢。我几乎完成了，但代码中有一个小错误：你不应该在Javascript.js文件中有html标记