如何在我的html上顯示在ajax端運行良好的php函數

Question

我正在嘗試顯示我在AJAX中調用的php函數的結果到div'TARGET'中。 我不明白自己在做什么錯...

我的HTML

<div id="TARGET"></div>

我的阿賈克斯

$(document).on('click', '.actualiser_btn', function(){
        var id_contenu = $(this).attr("id");
        $.ajax({
            url:"/ajax-script.php",
            method:"POST",
            data:{id_contenu:id_contenu},
            dataType:"json",
            success:function(data)
            {       
                $('#TARGET').html(<?php $return ?>);                
            }
        })
    });

我的AJAX腳本

...
$return =  wysiwyg( $_POST['id_contenu'],'basique') ;
echo $return ;
?>

當我在網絡調試器中單擊腳本時，我確切地看到了想要的腳本，因此我得出結論，我的功能運行良好...我在做什么錯？

Answer 1

您必須使用data來更新html，例如$('#TARGET').html(data.key);

$(document).on('click', '.actualiser_btn', function(){
    var id_contenu = $(this).attr("id");
    $.ajax({
        url:"/ajax-script.php",
        method:"POST",
        data:{id_contenu:id_contenu},
        dataType:"json",
        success:function(data)
        {       
            $('#TARGET').html(data.key);  /*Since data is json, you might want to access the right key/value to set as html*/              
        }
    })
});

http://api.jquery.com/jquery.ajax/

成功功能

類型：Function（任何數據，String textStatus，jqXHR jqXHR）如果請求成功，則要調用的函數。 該函數將傳遞三個參數：服務器返回的數據，根據dataType參數或dataFilter回調函數（如果已指定）進行格式化； 描述狀態的字符串； 和jqXHR對象（在jQuery 1.4.x中為XMLHttpRequest）。 從jQuery 1.5開始，成功設置可以接受一系列函數。 每個函數將依次調用。 這是一個Ajax事件。

成功函數的第一個參數是從后端接收的數據。

Answer 2

替換$('#TARGET').html(<?php $return ?>); 與$('#TARGET').html( data ); 如下所示。

還要注意，ajax請求中的dataType選項需要JSON響應，因此，請確保您的響應采用JSON格式。 或者，刪除該選項。

$(document).on('click', '.actualiser_btn', function(){
        var id_contenu = $(this).attr("id");
        $.ajax({
            url:"/ajax-script.php",
            method:"POST",
            data:{id_contenu:id_contenu},
            dataType:"json",
            success:function(data, status){
                $('#TARGET').html( data );
            }
        });
    });