当前位置: 首页 > news >正文

js读取本地txt文件中的json数据

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>

  

http://blog.csdn.net/qq_20916285/article/details/46695839

 

转载于:https://www.cnblogs.com/bincoding/p/6849720.html

相关文章:

  • HDU 2141 Can you find it?(二分)
  • 201521123083《Java程序设计》第12周学习总结
  • 【DP】:CF #319 (Div. 2) B. Modulo Sum
  • Druid连接池及监控在spring中的配置
  • 文本强制一行显示,多余的显示省略号
  • 设计模式之适配器模式(Adapter)
  • Linux tomcat
  • 我所认识的javascript正则表达式
  • eclipes 下 mavenweb项目 启动 jar包冲突问题
  • Open-DrainPush-Pull
  • js中文乱码问题,编码设为utf-8,但还是乱码问题。
  • PopupMenu 使用及自定义样式
  • 交换机基础
  • Java基础教程:网络编程
  • 构建之法阅读心得(六)
  • [译]Python中的类属性与实例属性的区别
  • 【每日笔记】【Go学习笔记】2019-01-10 codis proxy处理流程
  • co模块的前端实现
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • ERLANG 网工修炼笔记 ---- UDP
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • IndexedDB
  • java多线程
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • mac修复ab及siege安装
  • Vim 折腾记
  • 初识 webpack
  • 官方解决所有 npm 全局安装权限问题
  • 全栈开发——Linux
  • media数据库操作,可以进行增删改查,实现回收站,隐私照片功能 SharedPreferences存储地址:
  • Prometheus VS InfluxDB
  • Python 之网络式编程
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • #1015 : KMP算法
  • #if #elif #endif
  • #Linux(make工具和makefile文件以及makefile语法)
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • (4)STL算法之比较
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转)Windows2003安全设置/维护
  • .[backups@airmail.cc].faust勒索病毒的最新威胁:如何恢复您的数据?
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .NET Core 网络数据采集 -- 使用AngleSharp做html解析
  • .net framework4与其client profile版本的区别
  • .NET MVC 验证码
  • .NET 中各种混淆(Obfuscation)的含义、原理、实际效果和不同级别的差异(使用 SmartAssembly)
  • .NET 中什么样的类是可使用 await 异步等待的?
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .NET关于 跳过SSL中遇到的问题
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?
  • ?php echo ?,?php echo Hello world!;?
  • @Builder用法
  • @Conditional注解详解
  • @kafkalistener消费不到消息_消息队列对战之RabbitMq 大战 kafka
  • @property @synthesize @dynamic 及相关属性作用探究