zoukankan      html  css  js  c++  java
  • 利用ajax从txt读取数据

    html代码:

    <div id="news"></div>

    txt:

    [
    {"id":"1", "news":"通知:直面企业社保痛点--为什么企业社保外包成趋势","url":"http://www.baidu.com"},
    {"id":"2", "news":"一个好的HR就像一个好的CEO一样","url":"https://www.taobao.com/"},
    {"id":"3", "news":"内容运营做不好,和文字编辑没有区别","url":"https://www.taobao.com/"},
    {"id":"4","news":"产品生存的根本:核心功能","url":"https://www.taobao.com/"},
    {"id":"5","news":"专利申请的误区有哪些","url":"https://www.taobao.com/"},
    {"id":"6","news":"管理软件saas企业应用,拨“云”见日","url":"https://www.taobao.com/"},
    {"id":"7","news":"梦想之都","url":"https://www.taobao.com/"}
    ]

    js:

    <script type="text/javascript">
    $.ajax({
    type:"POST",
    contentType:"application/x-www-form-urlencoded;charset=utf-8",
    url:"newsinfo.txt",
    dataType:"json",
    success:function(data){
    var info="<ul>";
    //i表示在data中的索引位置,n表示包含的信息的对象
    $.each(data,function(i,n){
    var str= "<li><a href='"+n["url"]+"'>"+n["news"]+"</a></li>";
    info+=str;
    });
    info+="</ul>";
    $('#news').append(info);
    }
    });
    </script>

  • 相关阅读:
    模拟100 题解
    模拟99 题解
    模拟98 题解
    模拟97 题解
    模拟96 题解
    模拟95 题解
    模拟94 题解
    模拟93 题解
    模拟92 题解
    Django-- 多数据库联用
  • 原文地址:https://www.cnblogs.com/qiuchunxia/p/5877071.html
Copyright © 2011-2022 走看看