如何使用Ajax运行外部PHP文件并在同一页面中显示结果 - How to run external PHP file using Ajax and display results in same page

How to run external PHP file using Ajax and display results in same page

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

<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文件，获取结果并在同一网页中显示？

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

$("output")将选择所有<output>标签。我怀疑你指的是ID=输出的对象（位于页面底部）

这是一个更正的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，因此如果它无效，就不会抛出错误。