Please enable JavaScript.
Coggle requires JavaScript to display documents.
Ajax - Coggle Diagram
Ajax
客户端和服务器
服务器
概念
上网过程中,负责存放和对外提供资源的电脑
客户端
概念
负责获取和消费资源的电脑
URL地址
概念
标识互联网上每个资源唯一存放的地址
组成部分
客户端与服务器之间的通信协议
存有该资源的服务器名称
资源在服务器上具体的存放位置
客户端与服务器的通信过程
客户端请求服务器
服务器处理这次请求
服务器响应客户端
在Chrome调试工具的Network面板中的Doc页签,刷新页面,分析客户端和服务器之间的通信过程
网页中如何请求数据
过程
请求-处理-响应
方法
使用XMLHttpRequest对象
基本用法:var xhrObj = new XHMLHttpReauest
资源的请求方式
get
通常用于获取服务器资源,根据URL地址,获取HTML文件,css文件等
post
通常用于向服务器提交数据,如登录时向服务器提交的登录信息等各种数据提交操作
Ajax
jQuery中的Ajax
概念
浏览器中提供的用法比较复杂,所以jQuery对函数进行了封装,降低了Ajax的使用难度
常用函数
$.get()
语法结构
$.get( url , [ data ] , [ callback ])
url:字符串类型,必选,是要请求的资源地址
data:object,可选参数,是请求资源期间携带的参数
callback:函数类型,可选参数,请求成功时的回调函数
功能
专门用来发起get请求,从而将服务器上的资源请求到客户端来使用
get发起不带参数的请求:可以将要携带的参数直接写在回调函数的形参位置
$.post()
$.ajax()
概念
在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式
作用
实现网页与服务器之间的数据交互
典型应用场景
用户名注册:注册用户时,显示这个用户名是否已经被注册