jQuery 取得 JSON 資料格式問題

Posted by Bruce Tsai

情境描述

在使用 jQuery 的 ajax 取得 JSON 資料時，後端回傳的資料正常，但功能卻無法正常運作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Json資料</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
        $(function () {
            $('#btn-action').on('click', function () {
                $.ajax({
                    url: 'bower.json',
                    success: function (data) {
                        if (data) {
                            console.log(data);
                            $('<div/>', {
                                text: data.description
                            }).appendTo('body');
                        } else {
                            alert('資料錯誤');
                        }
                    }
                });
            })
        });
    </script>
</head>
<body>
<button id="btn-action">取得資料</button>
</body>
</html>