如何使用ajax从php文件中获取返回文本？

Question

我正在使用 ajax 调用 php 文件。我想做的就是从 php 文件中获取一个值，然后用 javascript 对其进行测试。我已经尝试了很多很多事情，但只能得到未定义的结果（来自下面的代码）。如何从 php 文件返回“hello”到我的 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 文件：<?phpecho '<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. type由于您直接调用 PHP 文件，因此将其更改为“GET”。

2. 删除 success 函数中包装的 jQuery 方法并添加.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)

    }

});