jquery - PHP スクリプトからエコーを取得するための jQuery の .html()

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」は明らかに単なるフィラーです。「W3Schools」の代わりに配置したい PHP スクリプトに「generateHTML()」という名前の関数があります。これについてどうすればよいですか？

Answer 1

その関数をどこで定義しても、 return応答の代わりにecho応答を使用してください。

したがって、$.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
            }
        });
    });
});