JQuery的ajax

话不多说直接上代码!!!

 // 结构
// $.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);
        })
    })

创作不易,点个赞吧~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值