ajax如何处理从javascript调用的php函数中的echo语句? - What does ajax do with the echo statements in a php function called from javascript

What does ajax do with the echo statements in a php function called from javascript

我有一个脚本在html页面的末尾，像这样。

<body>
<script type="text/javascript">
 $(document).ready(function() {
               //define php info and make ajax call to recreate divs from XML data
               $.ajax({
                   url: "get_nodes.php",
                   type: "POST",
                   data: { },
                   cache: false,
                   success: function (response) {
                       if (response != '') 
                       {
                          alert(response);
                       }
                   }
               });
 });
</script>
</body>

php脚本有echo语句用来写javascript。echo语句不打印在文档中。他们被送到了某个地方，我不知道是哪里。如果使用alert函数查看ajax对php调用的响应，所有echo语句都会打印在警告框中，就像我期望的那样打印在文档本身中。

我的问题是:

如何将它们打印在文档中?

这是通过ajax调用的PHP文件get_nodes.php。

<?php
function get_nodes() {
// load SimpleXML
$nodes = new SimpleXMLElement('communities.xml', null, true);
foreach($nodes as $node) // loop through 
{
        echo "'n<script type='text/javascript'>'n";
        echo "  var newdiv = document.createElement('div');'n";
        echo "  newdiv.id = '".$node['ID']."';'n";
        echo "  newdiv.className ='comdiv ui-widget-content';'n";
        echo "  newdiv.style.top = '".$node->TOP."''n";
        echo "  newdiv.style.left = '".$node->LEFT."';'n";
        echo "  newdiv.style.width = '".$node->WIDTH."';'n";
        echo "  newdiv.style.height = '".$node->HEIGHT."';'n";
        echo "  $( '#page' ).append(newdiv);'n";
        echo "  var heading = document.createElement('p');'n";
        echo "  heading.innerHTML = '".$node->NAME."';'n";
        echo "  heading.className ='comhdr editableText ui-widget-header';'n";
        echo "  $('#".$node['ID']."').append(heading);'n";
        echo "  $('#".$node['ID']."').resizable();";
        echo "  $('#".$node['ID']."').draggable();";
        echo "  $('#".$node['ID']."').draggable('option', 'handle', '.comhdr');";
        printf('$("#%s").append("<a href=''"#''" onClick=''"delete_div(''%s'');''">Delete</a>&nbsp;&nbsp;");', $node
['ID'], $node['ID']);
        printf('$("#%s").append("<a href=''"#''" onClick=''"add_url(''%s'');''">Add URL</a>&nbsp;&nbsp;");', $node
['ID'], $node['ID']);
        echo "'n</script>'n"; 
}
   return;
}
echo get_nodes();
?>

正如Incognito指出的那样，ajax调用并不关心PHP函数在做什么-在这种情况下，所有重要的是从服务器返回的内容，而不是如何创建内容。

尝试在ajax调用中添加dataType选项以指定script的响应类型，并使用append或appendTo函数将脚本添加到文档正文中:

$.ajax({
    url: "get_nodes.php",
    type: "POST",
    data: { },
    dataType: 'script',
    cache: false,
    success: function (response) {
        if (response != '') 
        {
            $(document.body).append(response);
        }
    }
});

还有一个建议:在你的服务器端函数中，为什么不回显HTML标记而不是创建标记的javascript函数呢?