jquery $.ajax方法

@Sunshine710

已于 2022-07-01 18:40:27 修改

阅读量484

点赞数

文章标签： ajax jquery javascript

于 2022-06-21 22:33:54 首次发布

本文链接：https://blog.csdn.net/qq_62693649/article/details/125399983

版权

原生js写的ajax方法有点麻烦，用了$.ajax之后感觉还是这个香一点。

首先需要在文件中导入jquery，然后就可以使用$.ajax了。

$.ajax有几个值，最常用的有type,url,data和success

type中是写请求的方式POST/GET,

url是写请求的地址，

data中是写需要发送出去的数据，

success中是写请求成功之后的回调函数。

error中是写请求失败，没有收到返回值是的函数。

 button.addEventListener('click', function () {
        usename = input[0].value;
        password = input[1].value;
        $.ajax({
            type: "post",  //或者GET
            url: '/user/login',
            data: {
                username: usename,
                password: password
            },
            success: function (res) {
                if (res == '登录成功') {
                    window.location.href = '/user/register';
                }
                alert(res);
            },
            error:function(){
                    alert('请求失败'); 
                }
        })
    })