ajax一周学习总结

学习的视频还是在B站中黑马前端进阶教学。

一.初始Ajax

1.什么是Ajax？
Ajax的全称是Asynchronous JavaScript And XML （异步 JavaScript 和 XML）。通俗的：理解在网页中利用XMLHttpRequest 和对象服务器进行数据交换的方式，就是Ajax。

2.了解jQuery中的Ajax。
jQuery 中发球Ajax请求最常用的三个方法：

$.get() 从服务器中获取数据

$.post() 从服务器中提交数据

$.ajax() 从服务器中获取或提交数据。

$.get()函数用法：

$.get(‘url’,[data],[callback]) 其中url 请求的地址 data 请求服务器的数据，callback 回调函数。
发起get不带参数的请求代码实现：

浏览器中实现：

发起get带参数的请求代码实现：

浏览器中实现：

$.post()函数用法：

$.get(‘url’,[data],[callback]) 其中url 提交数据的地址 data 提交服务器的数据，callback 回调函数。
发起post请求代码实现：

浏览器中实现：

$.ajax()函数用法：

$.ajax({

type:'', // 请求得方式，GET 或者 POST
url：'', // 请求的url地址
data{}, // 这次请求携带的参数
success:function(res){ // 请求成功后的回调函数
console.log(res)
}
复制代码

})

代码实现：
使用$.ajax()函数发起get请求：

使用$.ajax()函数发起post请求:

然后做了一个图书管理的案例：
CSS样式使用了bootstrap，JS使用了jQuery。

具体代码：
HTML和css

JavaScript部分：

获取图书列表代码

点击删除图书代码：

点击添加图书代码:

总结

跟着视频学习感觉并不是很难，代码还是要多加练习才会熟悉，把之前学习的html，css JavaScript 运用了一遍也顺带复习了。打代码最难的就是不够细心，经常会因为敲错字符，字母出现报错。这一段的ajax入门还算挺容易的，继续加油学习。