jquery的Ajax请求

// 在Ajax请求中主要有 2 种请求方式

$(".getBtn").click(function(){

$.get('后端接口网址', {appkey:'后端密匙'}, function(data){

console.log(data);

}, 'json')

});

$(".AjaxBtn").click(function(){

$.ajax({

url: '后端接口网址',

type: 'get',

// data: {

// appkey: '后端密匙',

// },

// 另一种写法

data: 'appkey=后端密匙',

dataType: 'json',

success: function(data){

console.log(data);

}

});

});

// 2. post请求

$(".post").click(function(){

var userName = $(".login input[name=account]").val();

var passWord = $(".login input[name=password]").val();

// console.log(userName);

// console.log(passWord);

$.post('后端接口网址', {

appkey:'后端密匙',

account: userName,

password: passWord}, function(data){

console.log(data);

}, 'json');

});

$(".AjaxPost").click(function () {

$.ajax({

url: '后端接口网址',

type: 'post',

data: {

appkey: '后端密匙',

account: $(".login input[name=account]").val(),

password: $(".login input[name=password]").val()

},

dataType: 'json',

success: function (data) {

console.log(data);

},

error: function(status){

console.log('错误原因: ' + status);

}

});

});