在html中利用js读取动态网站从服务器端返回的数据进行显示1、js.html 页面需要引入 执行jquery的js文件复制代码代码如下:New Document姓名性别地址主页info.json文件复制代码代码如下:[{"name":"zhangsan","sex":"man","address":"hangzhou","home":"http://www.zhangsan.com"},{"name":"lisi","sex":"wumen","address":"beijing","home":"http://www.lisi.coms"}]应用场景 :定期从数据库中读取的特定记录放到静态页面上去展示,为了减少对数据库访问的压力,把特定记录数取出来存放在json中,页面访问链接不用实时请求数据库。
至此可以将json中的内容加载到html静态也中去。
显示不了中文的确是编码问题,默认保存的json肯定是个记事本,然后改后缀名为json的,记事本默认编码是ANSI的 显示中文自然有问题,解决方法:打开.json文件 文件 - 另存为 看到下面编码格式了吧 选择UTF-8 就可以了。
这里还有个容易出错的地方:
请求json文件报405错误,明明路径对的 但是还是报错。
解决方法:修改请求方式为get请求:
