八:AJAX编程(看视频)
看视频学习AJAX编程
库库好困
向各位大佬们致敬
展开
-
AJAX编程第三天理论、知识点以及演示代码:Ajax加强
昨天复习1.模板引擎<body> <div id="warp"></div> <!-- 设置模板 --> <script type="text/html" id="test"> <p>{{name}}</p> </script> <script src="template-web.js"></script>原创 2020-05-20 17:25:49 · 380 阅读 · 0 评论 -
AJAX编程第三天案例:新闻列表
案例-新闻列表1. 实现步骤① 获取新闻数据② 定义 template 模板③ 编译模板④ 定义时间过滤器⑤ 定义补零函数新闻列表接口文档请求的根路径http://www.liulongbin.top:3006新闻列表接口URL: /api/news调用方式: GET参数格式:无响应格式:返回示例:{ "status": 200, "msg": "获取新闻列表成功", "data": [ { "id":原创 2020-05-20 17:25:33 · 722 阅读 · 0 评论 -
AJAX编程第二天理论、知识点以及演示代码:Chrome浏览器插件安装以及form表单与模板引擎
今天目标安装浏览器插件聊天机器人案例Form表单提交模板引擎(新的概念,难点)两个案例Chrome浏览器插件安装安装步骤下载插件的网站:https://www.gugeapps.net/ 无需扫码http://www.cnplugins.com/ 需要扫二维码验证从上述两个网站下载的插件,和从Chrome商店下载的插件是一样的。只不过Chrome商店被和谐了,打不开。如何安装使用插件下载下来的插件形如 JSONView.crx。可以把后缀换成 zip使用解压软件解原创 2020-05-20 15:10:24 · 523 阅读 · 0 评论 -
AJAX编程第二天案例:评论列表
1. 案例 - 评论列表1.1 渲染UI结构评论列表接口文档http://www.liulongbin.top:3006评论列表接口URL: /api/cmtlist调用方式: GET参数格式:无响应格式:发表评论接口URL: /api/addcmt调用方式: POST参数格式:响应格式:1.2 获取评论列表 getComments(); function getComments() { $.get('http://www.liu原创 2020-05-20 15:10:08 · 333 阅读 · 0 评论 -
AJAX编程第一天案例2:聊天机器人
综合案例2-聊天机器人案例演示与分析聊天机器人接口文档请求的根路径http://www.liulongbin.top:3006获取机器人回应的内容接口URL: /api/robot调用方式: GET参数格式:响应格式:返回示例:{ "data": { "info": { "text": "今天天气不错哦~" }, "type": 5000 }, "message": "success"}将文字转换为语音接口URL:原创 2020-05-20 11:00:58 · 759 阅读 · 0 评论 -
AJAX编程第一天案例1:图书管理
综合案例-图书管理准备工作将HTML文件,包括使用到的css和js,复制到今天的代码文件夹中。在static.html中,写自己的代码。获取并展示书籍封装一个函数 getBooks函数内部,发送ajax请求,获取书籍把数据渲染到页面中<script> // ------------------- 获取并展示书籍 ----------------------- getBooks(); function getBooks () { //原创 2020-05-20 00:17:01 · 1120 阅读 · 0 评论 -
AJAX编程第一天理论、知识点以及演示代码
目标客户端与服务器URL地址分析网页的打开过程服务器对外提供了哪些资源了解AjaxjQuery中的Ajax接口案例 - 图书管理案例 – 聊天机器人1. 客户端与服务器1.1 上网的目的资源:文字、图片、音频、视频…资源存在哪里:服务器上1.2 服务器上网过程中,负责存放和对外提供资源的电脑,叫做服务器。1.3 客户端获取和消费资源的电脑,叫做客户端。我们上网的时候,一般都是用浏览器,所以我们可以称浏览器为客户端软件。2. URL地址2.1 URL地原创 2020-05-20 00:15:59 · 285 阅读 · 0 评论