jquery ajax请求,使用jquery发送ajax请求怎么编写?

TheDisguiser 2020-08-03 10:34:21 java常见问答 6117

Ajax是jQuery的核心之一,异步互动数据是项目里所必须的,现在来看下如何使用jquery发送ajax请求吧。

常见写法

$.ajax(
{
    url: 'test.php'
    , type: 'POST', // 默认为GET
    data:
    {
        name: 'xy'
        , age: 22
    }
    , timeout: 5000, // 超时时间
    beforeSend: function (xhr)
    {
        console.log(xhr)
        console.log('发送前')
    }
    , success: function (result)
    {
        console.log(result)
    }
    , error: function (xhr, textStatus)
    {
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    }
})

如果资源请求为跨域的,那么请求数据就必须使用json格式

$.ajax(
{
    type: 'POST'
    , url: "http://xxx/yyy/zzz/register"
    , data: JSON.stringify(
    {
        username: $(".tel")
            .val()
        , smsVerifyCode: $('.captchaVal')
            .val()
        , realName: $('.username')
            .val()
        , email: $('.email')
            .val()
        , password: $(".pwd")
            .val()
    , })
    , contentType: 'application/json'
    , success: function (data)
    {
        if (data.code === 200)
        {
            $.toast("注册成功", "text")
            setTimeout(function ()
            {
                location.href = "login.html"
            }, 500);
        }
        else
        {
            $.toast(data.message, "text")
        }
    }
    , error: function ()
    {
        $.toast("注册失败", "text")
    }
    , dataType: "json"
, })

以上就是本篇文章的所有内容,小伙伴们知道怎么发送ajax了吧,如果还想了解更多java常见问题及解决方法记得关注我们。

推荐阅读:

如何使用jquery插件?

jquery框架是什么?定义概念介绍

jquery框架原理是什么?jquery原理解析