美文网首页
JQ 阿贾克斯

JQ 阿贾克斯

作者: Cherry丶小丸子 | 来源:发表于2020-01-09 10:18 被阅读0次
    最底层:$.ajax()
    第二层:load()、 $.get() 、$.post()
    第三层:$.getScript()、$.getJSON()
    

    ajax

    $.ajax({
        url: 发送请求的地址
        type: 请求方式 ("POST" 或 "GET")
        async: 请求方式(异步true或者同步false)
        timeout: 设置请求超时时间(毫秒)
        data: 发送到服务器的数据。将自动转换为请求字符串格式
        dataType: 预期服务器返回的数据类型(xml html script json jsonp text)
        beforeSend: 发送请求前
        complete: 请求完成后回调函数 (请求成功或失败之后均调用)
        success: 请求成功后的回调函数
        error: 请求失败时调用此函数
        global: 是否触发全局 AJAX 事件(true或者false)
    })
    

    Ajax全局事件

    ajaxStart() // 请求开始时
    ajaxStop() // 请求结束时
    ajaxSend() // 请求发送前执行的函数
    ajaxComplete() // 请求完成时执行的函数
    ajaxSuccess() // 请求成功时执行的函数
    ajaxError() // 请求错误时执行的函数
    

    load

    load(url,data,callback) // 传递方式根据data来自动指定,没有data为get,有则post
    cs1:请求html页面的url地址
    cs2:发送到服务器的key/value数据
    cs3:请求完成时的回调函数,无论请求成功或失败
    
    $(selector).load("test.html",function(responseText,textStatus,XMLHttpRequest){
        cs1:请求返回的内容
        cs2:请求状态:success、error、 notmodified、timeout
        cs3:XMLHttpRequest对象
    })
    

    get() 、post()

    $.get(url,data,callback,type)
    cs1:请求html页面的url地址
    cs2:发送到服务器的key/value数据
    cs3:载入成功时回调函数(只有当response的返回状态为success才调用该方法)
    cs4:服务器端返回内容的格式
    
    $.get("get1.php",data,function(data,textStatus){
        cs1:返回的内容
        cs2:请求状态:success、error、 notmodified、timeout
    },type)
    
    post()与get()使用方一致
    

    getScript()、getJSON()

    $(selector).click(function(){
        $.getScript(url,data,callback) // cs1请求发送的哪个 URL  cs2连同请求发送到服务器的数据 cs3请求成功时运行的函数
    })
    
    $.getJSON与 getScript使用发发一致
    

    序列化

    serialize() // 返回会字符串格式
    serializeArray() // 返回json格式数据
    $.param() // 对一个数组或对象按照 key/value 进行序列化
    

    相关文章

      网友评论

          本文标题:JQ 阿贾克斯

          本文链接:https://www.haomeiwen.com/subject/qlzductx.html