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 =输出的对象（位于页面底部）

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

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

1 个答案: