jquery - jQuery 中的 .html() 从 PHP 脚本中获取回显

Question

我有这个：

  $(document).ready(function() {
    $("input[type=button]").click(function () {
        $("#test").html("W3Schools");
        alert("Would submit: " + $(this).siblings("input[type=text]").val());
        $.ajax({ url: "index.php",
        data: {action: $(this).siblings("input[type=text]").val()},
        type: 'post'
        });
    });
});

'W3Schools' 显然只是填充物，我在我的 php 脚本中有一个名为 'generateHTML()' 的函数，我想用它来代替 'W3Schools'。我该怎么办？

Answer 1

无论您在何处定义该函数，请使用回显响应而不是返回响应。

因此，每当您调用 $.ajax 函数时，它都会给出您可以在 html 中使用的响应。

PHP函数：

function generateHTML(){
 // code
  echo $response;
}

JS：

$(document).ready(function() {
    $("input[type=button]").click(function () {
        $("#test").html("W3Schools");
        alert("Would submit: " + $(this).siblings("input[type=text]").val());
        $.ajax({ url: "index.php",
        data: {action: $(this).siblings("input[type=text]").val()},
        type: 'post',
        success: function(response){
              $("#test").html(response); // will overwrite the previous HTML of test element
            }
        });
    });
});