Ajax-02

在这里插入图片描述
客户端javascript不具有读取文件的能力,所以在客户端模板是html中的script代码片段,用id添加唯一标识
type=‘text/html’
利用template方法,模板名称和一个对象,对象中的数据就是即将展示在模板中的数据,template方法返回的是拼接好的字符串
在这里插入图片描述
在这里插入图片描述
注意如果在网站环境中打开要使用绝对路劲/js…
把他拼接好的返回值打印出来
在这里插入图片描述
记住是返回拼接好的字符串

验证邮箱地址的唯一性

在这里插入图片描述
验证离开焦点事件的正确性
在这里插入图片描述
在这里插入图片描述
引入封装好的ajax文件
在这里插入图片描述
在这里插入图片描述
完整代码
在这里插入图片描述

搜索框内容自动提示

在这里插入图片描述
按键盘就会触发事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
导入模板,创建模板
在这里插入图片描述
在这里插入图片描述
html是拼接好的字符串
在这里插入图片描述
放在里面
循环
在这里插入图片描述
但是现在发送请求的次数太多了
把发送请求的函数(ajax)放在一个定时器里
每次触发input事件,都需要清空定时器
在这里插入图片描述
放错位置了
在这里插入图片描述
第一次输入,触发事件,清空的是Null
向下开启定时器,800ms后会发送请求,这时候继续打字,又触发事件,上次还没触发的延时器就被清除掉了,请求不会发送,又开启定时器,反复这个过程,当用户停止输入,发送请求
没有关键字的时候,不应该出现下拉框
在这里插入图片描述
在这里插入图片描述

省市区三级联动

在这里插入图片描述
获取元素
在这里插入图片描述
在这里插入图片描述
res.json()的作用的就是就请求的返回值的转化成json的格式。在这里插入图片描述
循环服务器返回的数据
在这里插入图片描述
在这里插入图片描述
为下拉框添加事件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
当改变省份时,县城不改变,所以加上这个
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值