话不多说直接上代码!!!
// 结构
// $.ajax({
// url:"",//请求地址
// type:"",//请求方式
// async:true,//是否异步
// data:{},//发送的数据
// dataType:"json",//返回数据的数据类型
// contentType:"application/x-www-form-urlencoded",//发送数据到服务器是所用的数据类型
// success:"",//成功后的回调
// error:"",//失败后的回调
// complete:""//无论成功或失败 都会执行 请求完成
// })
_____________________________________华丽的分割线___________________________________________
// get方式
$(".getinfo").click(function () {
$.ajax({
url: "http://…………", //请求地址
type: "get", //请求方式
async: true, //是否异步
data: {
action:"indexshow"
}, //发送的数据
dataType: "json", //返回数据的数据类型
contentType: "application/x-www-form-urlencoded", //发送数据到服务器是所用的数据类型
success: function (res) {
console.log(res)
}, //成功后的回调
error: function (err) {
console.log(err)
}, //失败后的回调
complete: function () {
console.log("请求完成")
} //无论成功或失败 都会执行 请求完成
})
})
// post方式
$(".login").click(function () {
$.ajax({
url: "http://…………", //请求地址
type: "post", //请求方式
async: true, //是否异步
data: {
userName: $("#user").val(),
password: $("#psw").val()
}, //发送的数据
dataType: "json", //返回数据的数据类型
contentType: "application/x-www-form-urlencoded", //发送数据到服务器是所用的数据类型
success: function (res) {
console.log(res)
}, //成功后的回调
error: function (err) {
console.log(err)
}, //失败后的回调
complete: function () {
console.log("请求完成")
} //无论成功或失败 都会执行 请求完成
})
})
______________________________________________________________________________________
$("button").click(function(){
$.get("http://………………r",{action:"indexshow"},function(res){
console.log(res);
})
})
$(".btn_one").click(function(){
$.post("http://………………",{userName:$("#user").val(),password:$("#psw").val()},function(res){
console.log(res);
})
})