因此，在视频专题页面，需要展示多列视频数据，我选择了用json。
创新互联建站，专注为中小企业提供官网建设、营销型网站制作、响应式网站开发、展示型成都网站建设、网站建设等服务，帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。
这里使用jq演示下jq如何操作DOM，学习使用jq选择器是关键，还有几个操作字段，就能轻松操作页面元素了。例：var html=jsonobj[x]+br///console.log(html)；//在console里记录下，查看数据是否正确。
首先，php生成json文件时，要把json_encode的第二个参数去掉，即json_encode($arr)，这样生成的json文件才是jquery能够直接识别的格式。
网上一大堆ajax的教程，可以搜一下，慕课网有视频教程，然后再去w3school看下dom替换元素属性，几分钟就搞定了。
获得用户允许的方法就是通过标签来让用户手动选择文件，这一过程就是用户授予访问权限的过程。然后 使用获得File 对象通过URL.createObjectURL(file)转换为文件url， 就可以传递给类似y于img，video，audio等标签使用了。
在浏览器中做不到，使用javascript服务器端运行环境可以做到，比如可以使用node.js来做。
js不能读取本地文件，但是可以读取你用别的方式传到页面上的，比如后台或者input标签 后台的我就不说了。
代码示例：(document).ready(function(){ $(#b01).click(function(){//比如再按钮的单击事件中 htmlobj=$.ajax({url：/jquery/testtxt，async：false})；//通过ajax读取testtxt文本文件。
1、分两步： 第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax()， $.get()， $.post()$.load() 等函数。
2、Ajax请求jQuery.ajax(options)通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get，.post 等。.ajax()返回其创建的XMLHttpRequest对象。
3、如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：xml：返回XML文档，可用JQuery处理。html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。