博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用ajax从txt读取数据
阅读量:6182 次
发布时间:2019-06-21

本文共 961 字,大约阅读时间需要 3 分钟。

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>

转载于:https://www.cnblogs.com/qiuchunxia/p/5877071.html

你可能感兴趣的文章
java 值传递 数组传递
查看>>
分布式锁
查看>>
<![CDATA[ ]]>
查看>>
HP Gen8 + Epson L211 + Ubuntu 搭建内部服务器
查看>>
UITextView字数限制自适应高度限制输入
查看>>
php 跨域、跨子域,跨服务器读取session的方法介绍
查看>>
适配器模式
查看>>
利用btrace在线监控java程序状态
查看>>
多线程求大数组的最大值
查看>>
实战做项目如何选择开源许可协议(二)- 开放代码
查看>>
4.3 Hibernate关系映射
查看>>
IO复用\阻塞IO\非阻塞IO\同步IO\异步IO
查看>>
Canopy聚类算法
查看>>
高并发的大型网站架构设计
查看>>
Implement Magic Dictionary
查看>>
Java提高篇(三一)—–Stack
查看>>
关于java web项目使用log4j
查看>>
AndroidPN系列之三--服务端Bug汇总
查看>>
【转载】关于时间、时区、系统时间和硬件时间
查看>>
Java Class.forName、Class.class、getClass示例区分
查看>>