使用js的ajax方法读取txt文本里面的JSON数据并追加到Html元素节点上

list.txt内容：

[  

{"optionKey":"1", "optionValue":"Canon in D"},  

{"optionKey":"2", "optionValue":"Wind Song"},  

{"optionKey":"3", "optionValue":"Wings"}  

]  

javascript内容：

   <script src="~/Scripts/jquery-1.8.2.js"></script>

    <script>

        $(function () {

            $.ajax({

                type: "GET",

                url: "Content/list.txt",

                dataType: "json",

                success: function (data) {

                    console.info(data);

                    for (var i = 0; i < data.length; i++) {

                        var trTD = "<tr><td>" + data[i].optionKey + "</td><td>" + data[i].optionValue + "</td></tr>";

                        $("#tb").append(trTD);

                    }

                }

            });

        });

    </script>

html内容：

        <div>

        <table id="tb"><tr><td>第一个</td><td>第二个</td></tr></table>

        <input id="button" type="button" value="O(∩_∩)O"/>

    </div>

备注：这里面的ajax请求必须是GET方式，原因是在这里POST方法是不被允许的（405）HTTP 405 错误 – 方法不被允许 (Method not allowed)

详情参阅下面的网址:http://www.checkupdown.com/status/E405_cn.html