AJAX
不忘初心L
这个作者很懒,什么都没留下…
展开
-
Postman测试json格式的post请求
Postman测试json格式的post请求1.请求方式选择post,输入接口地址2.请求头headers输入类型 Content-Type application/json3.请求体body中选择raw—>JSON输入请求内容4.点击send测试,返回结果原创 2021-01-13 10:52:55 · 1623 阅读 · 0 评论 -
AJAX基础之$.ajax()
一. $.ajax()方法概述 作用:发送Ajax请求$.ajax({ type: 'get', //请求方式 url: 'http://www.example.com',//请求地址 data: { name: 'zhangsan', age: '20' },//或{data:'name=zhangsan&age=20'} //请求参数 contentType: 'application/x-www-form-urlencoded',//参数格式 也可原创 2020-05-25 17:39:05 · 794 阅读 · 0 评论 -
案例:使用jsonp获取腾讯天气信息
案例:使用jsonp获取腾讯天气信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用jsonp获取腾讯天气信息</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> <style原创 2020-05-24 18:37:17 · 412 阅读 · 0 评论 -
AJAX基础之FormDate对象
一.FormData 对象的作用1.模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。2.异步上传二进制文件<!-- 创建普通的html表单 --> <form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input原创 2020-05-24 18:36:00 · 513 阅读 · 0 评论 -
案例:搜索框内容自动提示(ajax)
案例:搜索框内容自动提示(ajax)步骤:获取搜索框并为其添加用户输入事件获取用户输入的关键字向服务器端发送请求并携带关键字作为请求参数将响应数据显示在搜索框底部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框输入文字自动提示</title> <link rel="stylesheet" hre原创 2020-05-24 18:18:11 · 930 阅读 · 1 评论 -
案例:省市区三级联动(ajax)
案例:省市区三级联动(ajax)步骤通过接口获取省份信息使用JavaScript获取到省市区下拉框元素将服务器端返回的省份信息显示在下拉框中为下拉框元素添加表单值改变事件(onchange)当用户选择省份时,根据省份id获取城市信息当用户选择城市时,根据城市id获取县城信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜原创 2020-05-24 18:16:15 · 353 阅读 · 0 评论 -
案例:验证邮箱地址唯一性(ajax)
案例:验证邮箱地址唯一性(ajax)一.步骤获取文本框并为其添加离开焦点事件离开焦点时,检测用户输入的邮箱地址是否符合规则如果不符合规则,阻止程序向下执行并给出提示信息向服务器端发送请求,检测邮箱地址是否被别人注册根据服务器端返回值决定客户端显示何种提示信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证邮箱地址是否已经原创 2020-05-24 18:13:53 · 662 阅读 · 0 评论 -
原生JS简单封装AJAX
1.## 原生js封装简单的Ajax函数function ajax (options) { // 默认值 var defaults = { type: 'get', url: '', async: true, data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function () {}, error: function () {} } //原创 2020-05-24 17:59:24 · 386 阅读 · 0 评论