目录
一.题目
后端从文本中读入数据,把数据传入前端,并且实时更新
二.思路
我需要拥有什么知识:json、ajax的$.ajax()方法
+----------------------------[前端部分]---------------------------------+
fruit.htm
[1] url = "/UpdateFruit"; [简单版url]
[2] 实现 onGetFruit(data) 方法
了解 data 的数据格式: [json]
{
list:[
{id:"01",fruitName:"红富士",price:"11.5",date:"18-03-10"},
{id:"02",fruitName:"红富士",price:"11.5",date:"18-03-10"},
{id:"03",fruitName:"红富士",price:"11.5",date:"18-03-10"},
......
]
}
[3] 实现 getData() 方法
{a}在这里来获取数据。
{b}发出 get 请求。
{c}拿到数据在 success 函数中处理。
+----------------------------[后端部分]---------------------------------+
[1]准备好: data.txt
[2]UpdateFruitServlet
{a}编写 doGet 方法。
{b}你要去读取 data.txt
{c}使用 json 格式返回数据。
[3]借助 fastJson 包来完成, 格式如下。
{
list:[
{id:"01",fruitName:"红富士",price:"11.5",date:"18-03-10"},
{id:"02",fruitName:"红富士",price:"11.5",date:"18-03-10"},
{id:"03",fruitName:"红富士",price:"11.5",date:"18-03-10"},
......
]
}
[4]在 web.xml 注册 UpdateFruitServlet
名称: UpdateFruitServlet
映射地址: /UpdateFruit
三.代码
前端代码
<!DOCTYPE html>
<html>
<head>
&