0
点赞
收藏
分享

微信扫一扫

Ajax专题

墨香子儿 2022-03-12 阅读 38

1. Ajax

1.1 概述

1.1.1 介绍

1.1.2 Ajax原理介绍

1)同步:
当用户发起请求时,如果这时服务器正忙,那么用户处于等待的状态,同时不可以做其他的操作.

2)异步:
当用户发起请求时,如果遇到服务器正忙,这时用户可以继续执行后续的操作.同时通过回调函数与服务器沟通.

3)Ajax异步原理
3.1)常规同步的调用方式:
在这里插入图片描述
3.2)Ajax异步调用:

在这里插入图片描述

1.2 Ajax的种类

1.2.1 get请求

/**
 * $.get(url地址,提交数据,回调函数,返回值类型)
 */
 $.get("/访问地址",function(result){
 }

1.2.2 post请求

在这里插入图片描述

1.2.3 $.ajax类型

在这里插入图片描述

1.2.4 补充

1)getJSON类型:
在这里插入图片描述

2)带参数的请求:
2.1)字符串拼接

/**
* 参数说明: 
 * 	语法: key=value&key2=value2....
 * 	例如: id=1&name=tom
 * 
 */
$.get("/findAjaxUser",'id=1&name=tom',function(result){
	console.log("ajax请求成功!!!")
})

2.2)JS对象

/**
* 参数说明: 
 * 	语法: {key:value,key2:value2.....}
 * 	例如: {id:1,name='tom'}
 * 
 */
$.get("/findAjaxUser",{id:1,name='tom'},function(result){
	console.log("ajax请求成功!!!")
})

通过chrom控制台检验
在这里插入图片描述

1.3 请求类型说明

1.3.1 get请求

1.会将参数通过?号的形式进行拼接. http://localhost:8090/findUser?id=1&password=123456
2.get请求会将所有的参数动态的拼接到URL中,相对不安全.
3.Get请求不适用于大量的数据提交,各大的浏览器对于Get请求一般都是有上限的.

1.3.2 POST请求

1.POST请求将所有的参数都会进行form的封装.
2.如果需要传递海量的数据,则首选POST
3.POST的请求使用form进行封装,相对于GET请求更加的安全.

举报

相关推荐

0 条评论