![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax案例
文章平均质量分 66
她还会来吗
长夜将至,我从今开始守望
展开
-
省市区三级联动
省市区三级联动 案例效果 案例步骤 1.通过接口获取省份信息 2.使用js获取到省市区下拉框元素 3.将服务器端返回的省份信息显示在下拉框中 4.为下拉框元素添加表单值改变事件(onchange) 5.当用户选择省份时,根据省份id获取县城信息 6.当用户选择城市时,根据城市id获取县城信息 HTML代码 <div class="container"> <div class="form-inline"> <div class="for原创 2021-04-02 16:15:09 · 104 阅读 · 0 评论 -
搜索框内容自动提示
搜索框内容自动提示 案例效果 案例步骤 1.获取搜索框并为其添加用户输入事件 2.获取用户输入的关键字 3.向服务器端发送请求并携带关键字并作为请求参数 4.将响应数据显示在搜索框底部 HTML代码 <div class="container"> <input type="search" id="search" placeholder="请输入搜索关键字"> <ul class="list-group"> </原创 2021-04-02 14:08:19 · 1922 阅读 · 3 评论 -
验证邮箱地址唯一性
验证邮箱地址唯一性 运行结果 案例步骤 1.获取文本框并为其添加离开焦点事件 2.离开焦点时,检测用户输入的邮箱地址是否符合规则 3.如果不符合规则,阻止程序向下执行并给出提示信息 4.向服务端发送请求,验证邮箱地址是否被别人注册过 5.根据服务器端返回值决定为客户端显示何种提示信息 HTML代码 <body> <div class="container"> <label for="">邮箱地址:</label>原创 2021-04-01 20:48:07 · 684 阅读 · 0 评论