javascript - 如何使用 Ajax 运行外部 PHP 文件并在同一页面中显示结果

Question

现在我正在使用下面的脚本来单击在新窗口中打开的按钮

<script>function myFunction()
{
   window.open("ouput.php");
}
</script>

但是我需要的是，当用户单击按钮时，output.php 的结果必须附加到底部的同一窗口中。如何使用Ajax执行PHP文件？我将此代码与 jQuery 一起使用，但没有结果:

$.get( "out.php", 
   function( data ) {          
      document.write(data.Molecule);                  
      $( "output" ).html("Molecule: "+data.Molecule );           
      alert( "Load was performed." );                 
   }, 
   "json" );
});
});

如何运行外部PHP文件，获取结果并将其显示在同一个网页中？

Answer 1

AJAX 调用是常规请求，因此任何 PHP 文件都会自动执行。

$("output")将选择全部<output>标签。我怀疑你的意思是一个 ID=output 的对象(位于页面底部)

这是一个更正后的js:

$.get( "out.php", function( data ) {
    // replace content of #output with the response
    $( "#output" ).html( "Molecule: " + data.Molecule );
    // append the response to #output
    //$( "#output" ).append( "Molecule: " + data.Molecule );
    alert( "Load was performed." );
}, "json" );

如果响应不是有效的 JSON，这将导致错误(并且不会调用 alert )。如果是这种情况，您可以发出警报并检查响应，如下所示:

$.get( "out.php", function( data ) {
    alert( data );
});

这不会期望 JSON，因此如果它无效也不会抛出错误。