ajax请求的功能
ajax请求可以实现异步请求
它的执行并不影响js代码的执行(可以理解为开了一个线程去单独去干另一个活)
具体,在前端的体现为
1,异步发送请求
js代码不阻塞,不会影响其它js代码的渲染
2,实现无刷新更换内容
页面不刷新的情况下访问服务器,向服务器索要一些信息,用户无法察觉,这是一种偷偷发送的请求
等服务器回馈过来信息后,再根据服务器返回的信息,做下一步操作
比如,注册的时候。。。
ajax请求格式
两种写法
ajax格式,经典写法
第一阶:
$.ajax(字典)
第二阶,答题要写这种:
$.ajax({
url: 请求路径,
type: 请求方式,一般为GET或者POST,
dataType: 处理的数据类型,
data: 参数字典。请求时传递的参数,
success: 匿函,
error:匿函
})
备注
success的匿函说明,此匿名函数会在请求成功后,自动执行。匿函有一个形参,这个形参是服务端回过来的数据。
error的匿函说明,如曋请求失败,会自动触发error的匿函。
ajax格式,新式推荐的写法
第一阶
$.ajax(字典).done(匿函).fail(匿函)
第二阶,答题写这种:
$.ajax({
url:请求路径,
type:请求方式,
dataType:处理数据类型,
data:传参字典,
}).done(匿函).fail(匿函)
备注,done中匿函有一个形参,它是请求获取到的数据对象
简写形式
$.get(请求路径,回调函数)
$.post(请求路径,参数字典,回调函数)
简写形式
笔记
必填的三个
。。。。以下是历史记录。。。。。
什么是json
javascrip对象表示法
例子中有属性,有方法,talk就是方法
json格式相当于python中的字典
json的常见形态,列表或字典
这是一个json字典形态的例子
json,即有字符串,又有数组
配置服务器环境
windows的cmd命令简介
dir查看列表,相当于linux的ls
d: 进入到d盘
cd … 进入上一级
cd 路径 进入指定的目录
服务器环境运行
先装一个node
再用node跑server.js
给出一个地址
在工作目录中搞一个index.html的文件
访问给的地址就可以开启一个服务器了
nodejs的下载与安装
https://blog.csdn.net/ifubing/article/details/94314088
ajax与jsonp
开始写ajax
造型
格式
比较一下传统写法与新写法
新代码的写法例子
收到的json数据是一个对象
可以通过对象.属性取值
本例中,取了值后,把值填入到标签内部,实现了修改标签的效果
练习,使用ajax技术完成一个模拟的登陆后返回数据并回填的情况
先写出样子
然后通过一个按钮来触发数据的填充
了解完整的过程