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

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

function myFunction() { window.open("ouput.php"); }  

但我需要的是当用户点击按钮时， 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")将选择所有

标签。 我怀疑你的意思是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，因此如果它无效则不会抛出错误。