sadadad
rwerewrwerwer
ettgetfsdf
ASDASDFAS
ererwerewr
- tryrt
- dfa
- adfaf
- dfadfadf
- afadfasf
- adfdaf
<div class="toc-widget"> <div class="toc-title"><i class="far fa-list-alt"></i> 目录</div> <div id="toc-content"><ol class="toc-list "><li class="toc-list-item is-active-li"><a href="#toc-heading-1" class="toc-link node-name--H3 is-active-link">Ajax的作用</a></li><li class="toc-list-item"><a href="#toc-heading-2" class="toc-link node-name--H3 ">Ajax的应用场景</a></li><li class="toc-list-item"><a href="#toc-heading-3" class="toc-link node-name--H2 ">Ajax运行原理及实现</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-4" class="toc-link node-name--H3 ">Ajax运行原理</a></li><li class="toc-list-item"><a href="#toc-heading-5" class="toc-link node-name--H3 ">Ajax的实现步骤</a></li><li class="toc-list-item"><a href="#toc-heading-6" class="toc-link node-name--H3 ">服务器端响应的数据格式</a></li><li class="toc-list-item"><a href="#toc-heading-7" class="toc-link node-name--H3 ">请求参数传递</a></li><li class="toc-list-item"><a href="#toc-heading-8" class="toc-link node-name--H3 ">请求报文</a></li><li class="toc-list-item"><a href="#toc-heading-9" class="toc-link node-name--H3 ">获取服务器的响应</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-10" class="toc-link node-name--H4 ">Ajax状态码</a></li><li class="toc-list-item"><a href="#toc-heading-11" class="toc-link node-name--H4 ">onreadystatechange事件</a></li></ol></li><li class="toc-list-item"><a href="#toc-heading-12" class="toc-link node-name--H3 ">Ajax错误处理</a></li><li class="toc-list-item"><a href="#toc-heading-13" class="toc-link node-name--H3 ">低版本ie浏览器的缓存问题</a></li><li class="toc-list-item"><a href="#toc-heading-14" class="toc-link node-name--H3 ">Ajax异步编程</a></li></ol></li><li class="toc-list-item"><a href="#toc-heading-15" class="toc-link node-name--H2 ">模板引擎</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-16" class="toc-link node-name--H3 ">使用步骤</a></li><li class="toc-list-item"><a href="#toc-heading-17" class="toc-link node-name--H3 ">FormData 对象的作用</a></li><li class="toc-list-item"><a href="#toc-heading-18" class="toc-link node-name--H3 ">formData对象的实例方法</a></li><li class="toc-list-item"><a href="#toc-heading-19" class="toc-link node-name--H3 ">FormData二进制文件上传</a></li><li class="toc-list-item"><a href="#toc-heading-20" class="toc-link node-name--H3 ">FormData文件上传图片即使预览</a></li></ol></li><li class="toc-list-item"><a href="#toc-heading-21" class="toc-link node-name--H2 ">同源政策</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-22" class="toc-link node-name--H3 ">使用JSONP解决同源限制问题</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-23" class="toc-link node-name--H4 ">JSONP代码优化</a></li></ol></li><li class="toc-list-item"><a href="#toc-heading-24" class="toc-link node-name--H3 ">CORS跨域资源共享</a></li></ol></li><li class="toc-list-item"><a href="#toc-heading-25" class="toc-link node-name--H2 ">jQuery与Ajax</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-26" class="toc-link node-name--H3 ">$.ajax() :发送Ajax请求</a></li><li class="toc-list-item"><a href="#toc-heading-27" class="toc-link node-name--H3 ">$.ajax: 发送jsonp请求</a></li><li class="toc-list-item"><a href="#toc-heading-28" class="toc-link node-name--H3 ">serialize方法：</a></li><li class="toc-list-item"><a href="#toc-heading-29" class="toc-link node-name--H3 ">$.get()和$.post()方法：</a></li><li class="toc-list-item"><a href="#toc-heading-30" class="toc-link node-name--H3 ">全局事件</a><ol class="toc-list is-collapsible is-collapsed"><li class="toc-list-item"><a href="#toc-heading-31" class="toc-link node-name--H4 ">NProgress：进度条动画</a></li></ol></li></ol></li></ol></div> </div>
