如何使用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，因此如果無效，則不會拋出錯誤。