iT邦幫忙

0

有關JS AJAX JSON格式 問題 不知那裡寫錯

klz 2021-06-15 14:35:32712 瀏覽
  • 分享至 

  • xImage

小弟正學習ajax中, 跟網上教學 做了以一下程序,
問題是在js 中的dataType: "html",
如我把它改成"json" 就會報錯了,
有大大可解答一下嗎? 如果想用json格式轉到 另一頁進行處理應該如何做?

謝謝

    <div id='adphp'></div>
    <?php
    $data_array_en = [
        "1" => "Apple",
        "2" => "HTC",
        "3" => "Samsung",
        "4" => "ASUS",
        "5" => "Sony"
    ];

    $data_json_en = json_encode($data_array_en);

    echo $data_json_en;
    ?>
    <script>

        var ar = <?php echo json_encode($data_array_en); ?>

        $.ajax({
            url: 'http_ajax.php',
            type: "POST",
            dataType: "html",
            data: ar,



            error: function() {
                alert('Ajax request 發生錯誤');
            },
            success: function(res) {
                alert('Ajax success!');
                console.log(res);
                document.getElementById('adphp').innerHTML = res
            }
        });
    </script>

http_ajax.php

<?php
$data = $_POST;

foreach ($data as $value) {

    echo $value."<br>";
  
  }
?>
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
耿直小伙
iT邦新手 1 級 ‧ 2021-06-15 15:12:39
最佳解答

你的 http_ajax.php 沒有用 json 回傳給 ajax

<?php
$data = $_POST;

foreach ($data as $value) {
    // echo $value."<br>";
}

echo json_encode($data);
?>
klz iT邦新手 5 級 ‧ 2021-06-15 17:44:44 檢舉

謝謝~~試了一下真的這樣, 我應該是想錯了

       $.ajax({
            url: 'http_ajax.php',
            type: "POST",
            dataType: "html",
            data: ar,

也是說這個dataType 代表回傳的格式嗎?
因我一直都以為這是代表發送出去的格式

是的 dataType 代表回傳格式

我要發表回答

立即登入回答