• 技术文章 >web前端 >js教程

    利用js读取动态网站从服务器端返回的数据_javascript技巧

    2016-05-16 17:00:57原创1100
    在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请求:
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:js读取json
    上一篇:使用js实现关闭js弹出层的窗口_javascript技巧 下一篇:javascript创建createXmlHttpRequest对象示例代码_javascript技巧
    Web大前端开发直播班

    相关文章推荐

    • Angular知识点分享:聊聊表单、管道、绑定、指令、通信和周期• 深入聊聊node.js中的EventEmitter• Angular项目中怎么使用 SASS 样式• 一文掌握JavaScript对象• Vercel是什么?怎么部署Node服务?
    1/1

    PHP中文网