ajax:在不更新整个页面的前提下维护数据
1、前端页面引入jquery
<head>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
2、jquery封装的ajax三种写法:
-
(1)、$.ajax()
- 基本格式:
$.ajax({
url: "",//请求地址
type: "",//请求方式:post、get
data: {"键":值},//传输数据:键值对
datatype: "",回传数据类型//text、xml、html、json
success: callback,//成功后的回调函数
error: function () { //发生错误、异常
}
});
-
注意事项:
-
1.每一个属性都为键值对形式,属性与值之间必须加英文冒号!
2.除最后一个属性后面以外,其他属性结束后要添加英文逗号作为结束!
3.url、type、data、datatype、success为必备属性,缺一不可!
4.$.ajax()方式对属性无顺序要求,可任意排列!
(2)、$.get()
- 基本格式
$.get(
"url",//请求地址
{"键":值},//传输数据:键值对
function (data) { //成功后的回调函数(返回值)
},
"datatype");//回传数据类型//text、xml、html、json
-
(3)、$.post()
- 基本格式
$.post(
"url",//请求地址
{"键":值},//传输数据:键值对
function (data) { //成功后的回调函数(返回值)
},
"datatype");//回传数据类型//text、xml、html、json
-
注意事项:
- $.get ()、$.post 是对$.ajax({})两种请求方式的简写,但是这两种写法严格 要求属性顺序!
3.返回值类型简单区别
Text:返回纯文本字符串
Html:返回HTML格式信息
Script:返回纯文本 JavaScript 代码
Xml:返回xml格式文件
Json:json格式数据
Jsonp:跨域数据交互协议