如何使用ajax從php文件中獲取返回文本？

Question

我正在用 ajax 調用一個 php 文件。 我想要做的就是從 php 文件中取回一個值，用 javascript 測試它。 我嘗試了很多很多東西，但只能得到未定義（從下面的代碼）。

如何從 php 文件返回“你好”到我的 javascript？

jQuery.ajax({
   type: "POST",
   url: "the_file_to_call.php",
   data: {userid: group_id_tb},
   success: function(data) {
        var the_returned_string = jQuery(data).html();
        alert(the_returned_string)
    }
});

PHP文件：

<?php
echo '<div id="id-query-result>"';
echo "hello";
echo "</div>";

Answer 1

您可以像這樣更改 PHP 中的代碼

<?php
$queryResult = '<div id="id-query-result">hello</div>';

echo json_encode(['html' => $queryResult]);

然后，更改您的 ajax 調用

jQuery.ajax({
   type: "GET",
   url: "the_file_to_call.php",
   data: {userid: group_id_tb},
   dataType: 'json',
   success: function(data) {
        var the_returned_string = data.html;
        alert(the_returned_string);
   }
});

Answer 2

$.ajax({
  type: "POST",
  url: "the_file_to_call.php",
  data: {userid: group_id_tb},
  success: function(data) {
      $('body').append(data);
      var text = $('#id-query-result').text();
      alert(text);
      $('#id-query-result').remove()
  }
});

為什么不直接附加 php 文件的 HTML 響應，然后相應地獲取文本。 然后您可以將其刪除。

Answer 3

有兩個變化要做：

1. 由於您直接調用 PHP 文件，因此將type更改為“GET”。
2. 刪除成功函數中包裹的 j​​Query 方法並添加.html作為屬性

jQuery.ajax({
   type: "GET",
   url: "the_file_to_call.php",
   data: {userid: group_id_tb},
   success: function(data) {
        var the_returned_string = data.html
        alert(the_returned_string)
    }
});