如何使用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 文件：

<?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({&nbsp; &nbsp;type: "GET",&nbsp; &nbsp;url: "the_file_to_call.php",&nbsp; &nbsp;data: {userid: group_id_tb},&nbsp; &nbsp;dataType: 'json',&nbsp; &nbsp;success: function(data) {&nbsp; &nbsp; &nbsp; &nbsp; var the_returned_string = data.html;&nbsp; &nbsp; &nbsp; &nbsp; alert(the_returned_string);&nbsp; &nbsp;}});

Answer 2

$.ajax({&nbsp; type: "POST",&nbsp; url: "the_file_to_call.php",&nbsp; data: {userid: group_id_tb},&nbsp; success: function(data) {&nbsp; &nbsp; &nbsp; $('body').append(data);&nbsp; &nbsp; &nbsp; var text = $('#id-query-result').text();&nbsp; &nbsp; &nbsp; alert(text);&nbsp; &nbsp; &nbsp; $('#id-query-result').remove()&nbsp; }});为什么不直接附加 php 文件的 HTML 响应，然后获取相应的文本。之后您可以将其删除。

Answer 3

有两个更改需要完成：type由于您直接调用 PHP 文件，因此将其更改为“GET”。删除 success 函数中包装的 jQuery 方法并添加.html为属性jQuery.ajax({&nbsp; &nbsp;type: "GET",&nbsp; &nbsp;url: "the_file_to_call.php",&nbsp; &nbsp;data: {userid: group_id_tb},&nbsp; &nbsp;success: function(data) {&nbsp; &nbsp; &nbsp; &nbsp; var the_returned_string = data.html&nbsp; &nbsp; &nbsp; &nbsp; alert(the_returned_string)&nbsp; &nbsp; }});