jquery中的ajax

$.ajax()

作用1：发送ajax请求

$.ajax({
     type: 'get',
     url: 'http://www.example.com',
     data: { name: 'zhangsan', age: '20' },
     contentType: 'application/x-www-form-urlencoded',
     beforeSend: function () { 
         return false
     },
     success: function (response) {},
     error: function (xhr) {}
});

 作用2：用来发送jsonp请求

$.ajax({
    url: 'http://www.example.com',
    // 指定当前发送jsonp请求
    dataType: 'jsonp',
    // 修改callback参数名称
    jsonp: 'cb',
    // 指定函数名称
    jsonCallback: 'fnName',
    success: function (response) {} 
})

serialize方法 ：将表单中的数据自动拼接成字符串类型的参数

var params = $('#form').serialize();
// name=zhangsan&age=30
//将id值为form的表单中name属性的值，拼接成键值对格式

 

$.get

作用: 用于发送get请求

$.get('http://www.example.com', {name: 'zhangsan', age: 30}, function (response) {}) 

 

$.post

作用: 用于发送post请求

$.post('http://www.example.com', {name: 'lisi', age: 22}, function (response) {})

nprogress进度条插件

首先下载nprogress的css文件和js文件，然后在要使用的页面进行引入
<link rel='stylesheet' href='nprogress.css'/>
<script src='nprogress.js'></script>
//添加开始和结束事件
NProgress.start();  // 进度条开始运动 
NProgress.done();   // 进度条结束运动

RESTful 风格的API

 

get：获取数据

post：添加数据

put：更新数据

delete：删除数据

今天是2019年9月30日，明天就是10.1国庆节，祖国70华诞，祝福祖国繁荣富强，越来越好。好期待明天的阅兵式，搬个小板凳坐等