將返回值從 php 傳遞給 js

Question

我有 3 個文件 main.php、action.js 和 ajax.php，我成功地將點擊某些 div 的內容從 main.php 更改為某些 ajax.php，並在我的 javascript 文件中調用了 ajax。 它看起來像這樣：

var value = $(this).attr("id");

$.ajax({
    type: 'get',
    url: "ajax.php",
    data: {
        auto_value: value
    },
    success: function(response) {
        $('.gridnr1, .textnr1').fadeOut(400, function(){
            $('.textnr2, .gridnr2').fadeIn(400);
        });

        var newtextcaption = $(response).filter('#newtextcaption').html();
        var box = $(response).filter('#box').html();

        $('#textnr2').html(newtextcaption);
        $('#gridnr2').html(box);

        for (var i=0; i<VALUE_FROM_AJAXphp; i++) {
            DO SOMETHING WITH i;
        }
    });

現在我需要一個來自 action.js 中 ajax.php 函數的返回值，因為我想迭代到這個值（見上面的代碼）。 如何將此值從 ajax.php 傳遞到 action.js。 我很困惑我需要什么才能獲得值 ajax？，json？ 或者是其他東西？

謝謝你。

Answer 1

在成功函數中，響應是您從 PHP 返回的內容。 所以發送 JSON 將是最簡單的，因為那樣你的響應只是一個對象。

讓我們說 ajax.php 返回這個 JSON

{
    "newtextcaption": "whatever the text is",
    "boxhtml": "whatever your box html is",
    "AjaxValue": 4389489473289
}

那么你的成功函數應該是

 success: function(response) {
                $('.gridnr1, .textnr1').fadeOut(400, function(){
                    $('.textnr2, .gridnr2').fadeIn(400);
                });

                var newtextcaption = response.newtextcaption;
                var box = response.boxhtml;

                $('#textnr2').html(newtextcaption);
                $('#gridnr2').html(box);

                for (var i=0; i<response.AjaxValue; i++) {
                     DO SOMETHING WITH i;
                }