简介
最近在进行网站开发,遇到了Ajax网络请求,记录一下相关笔记,主要是对于GET、POST请求的相关知识点。
jQuery Ajax网络请求
- Ajax在前端开发中经常运用到一般分为:HTTP 请求:GET POST
- 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
- GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
- POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同 请求一起发送数据。
进入代码分析
实例如下:GET
$.ajax({
type: "GET",//GET类型
url: USER_INFO,//http url如==>USER_INFO: http://127.0.0.1/user/info
header: {//请求头
contentType: "application/json;charset=UTF-8"
},
dataType: "json",//返回的数据类型
success: function (data) {
//返回成功
},
error: function (data) {
//返回失败
}
});
实例如下:POST
$.ajax({
type: "POST",//GET类型
url: USER_LOGIN,//http url
header: {//请求头
contentType: "application/json;charset=UTF-8"
},
data: { //发送数据
'username': username,
'password': pass
},
dataType: "json",//返回的数据类型
success: function (data) {
//返回成功
},
error: function (data) {
//返回失败
}
});
总结
这是我们在前端开发中常遇到的两种请求方式,给我们大大减少了许多代码。
在当今前端火热的情况下,引生出了许多框架如:Vue.js、Angular.js、Node.js等等,这些都需要我们去探究。
对于前端的知识点,不断的学习和更新,一起加油吧。