Ajax 基础知识

Ajax 基础知识

1. 客户端与服务其器

   • 负责获取和消费资源的电脑
   • 负责存放和对外提供资源的电脑

2. 客户端与服务器的通信过程

   • 客户端请求服务器 —> 服务器 处理这次请求 —> 服务器响应客户端

3. 网页中请求数据

   • XMLHttpRequest
     • var xhrObhj = new XMLHttpRequest()

4. 请求方式

   • get请求
     • 通常用于获取服务端资源
   • post请求
     • 通常用于向服务器提交数据

5. Ajax (异步JavaScript 和 XML)

   • 典型应用场景
     • 用户名检测（注册时动态检测用户名是否被占用）
     • 搜索提示（动态加载搜索提示列表）
     • 数据分页显示（根据页码值动态刷新表格的数据）
     • 数据的增删改查

6. jQuery中的 Ajax

   • 常用的请求方式：￥.get() ￥.post() ￥.ajax()
   • $.get(url,data,callback)
   • $.post(url,data,callback)
   • $.ajax()

   //发起带参数的get请求
   $.get('https://www.baidu.com',{id:1},function(res){
   		console.log(res)
   	})
   //发起带参数的post请求
   $.post('https://www.baidu.com',{id:1},function(res){
   		console.log(res)
   	})
   //发起带参数的ajax请求
   $.ajax({
   		type:'GET',
   		url:'https://www.baidu.com',
   		data:{
   			id:1
   		},
   		success: function(res){
   			console.log(res)
   		}
   	})
   
   

7. 接口测试工具

   • postMan