码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的Ajax

时间:2016-10-22 17:38:04      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:url   数据   asp   eid   用法   返回   对象数组   global   before   


1.get(url[,data] [,callBack] [,dataType])方法
        url            请求的url地址
        data        一个对象结构的键/值对列表
        callback    请求成功后的回调函数
        datatype    返回的数据格式,如:xml、html、script、json、text、_default
        
        示例:
            1>字符串组装
                $(    function()
                    {
                        $("#ValideId").click( function()
                                                {
                                                    var name = encodeURIComponent($("#Vid :text").val());
                                                    var psw = encodeURIComponent($("#IdPsw").val());
                                                    $("#IdA").html(name);
                                                    $("#IdB").html(psw);
                                                    $.get("test2.asp?name=" + name + "&psw=" + psw, function(data)
                                                                                                        {
                                                                                                            $("#ValideIdResult").html(data);
                                                                                                        }
                                                         )
                                                    
                                                }
                                            )
                    }
                )
            2>传递对象结构
                $(    function()
                    {
                        $("#ValideId").click( function()
                                                {
                                                    var _name = encodeURIComponent($("#Vid :text").val());
                                                    var _psw = encodeURIComponent($("#IdPsw").val());
                                                    $("#IdA").html(_name);
                                                    $("#IdB").html(_psw);
                                                    $.get("test2.asp",
                                                            {
                                                                name : _name,
                                                                psw  : _psw
                                                            },
                                                            function(data)
                                                            {
                                                                $("#ValideIdResult").html(data);
                                                            }
                                                         )
                                                    
                                                }
                                            )
                    }
                )
                
    2.getJSON() 与 getScript()
        getJSON请求 json 数据
        getScript请求 Script 文件。
    
    3.post() 用法与get()相同
    
    4.ajax()
        1>ajax()只有一个参数,表示列表结构的对象。
        如:
            ajax({
                    type : "GET",
                    url  : "test.js",
                    dataType    : "script"
                    }
                );
        2>参数列表:
            <1>async            是否异步.默认true
            <2>beforeSend    发送请求前的函数
            <3>cache            是否设置缓存,默认True
            <4>complete        请求完成后的回调函数
            <5>....见 280页
        
        3>ajax状态
            <1>ajaxStart()        请求时响应
            <2>ajaxSend()        发送前响应
            <3>ajaxComplete()    完成请求时响应
            <4>ajaxSuccess()    请求成功时响应
            <5>ajaxStop()        请求结束时响应
            <6>ajaxError()        请求发生错误时响应
            例:
                $("div").ajaxStart( function()
                                    {
                                        alert("Ajax请求开始。");
                                    }
                                  )    
            事件中的默认参数
            <1>event    事件类型
            <2>request    请求信息
            <3>settings    设置的选项信息
            <4>ajaxError的四个参数 event、XMLHttpRequest、ajaxOption、thrownError。前三个与前面相同,最后一个表示抛出的错误。
            
        4>load()方法。能把加载的网页文件附加到指定的标签中。
        例:
            $(    function()
                {
                    $("#btnLoad").click(    function()
                                            {
                                                $("#loadInner").load("testInner.html");
                                            }
                                        )    
                }
            )
        可以使用ajax来代替。因为load()是ajax来实现的。
            $(    function()
                {
                    $("#btnLoad2").click(    function()
                                            {
                                                var htmlSrc = $.ajax( {
                                                                    url    : "testInner.html",
                                                                    async : false
                                                                    }
                                                                ).responseText;
                                                $("#loadInner").html(htmlSrc);
                                            }
                                        )    
                }
            )
        
    5.ajaxSetup() 预设选项
        与ajax()的参数选项相同,并实现全局共享。
        如:
        $.ajaxSetup(
                        {
                            url      : "test6.asp",
                            global     : false,
                            type      : "POST:,
                            dataType : "text"
                        }
                   )
                        
        $("input").eq(0).click(    function()
                                {
                                    $.ajax(    
                                            {
                                                data : "name=zhu"
                                            }
                                           );
                                }
                              )
                              
    6.对字符串参数的处理
        1>serialize()    能将form中的元素按 元素id=元素值&元素id=元素值...的形式组成字符串。
            例:$("#serialize").html($("form").serialize());
            
        2>serializeArray() 与1>相似的 json格式的JSON对象。此方法不能作用于form,而只能作用于表单中的域。
            例:var jsonArr = $("input,select,:radio").serializeArray(); //解出这个对象数组
                var str = "";
                var $json = $(jsonArr);//转换
                for(var i=0;i< $json.length ;i++)
                {
                    str += $json[i]["name"] + " : " + $json[i]["value"] + "<br/>";    
                }
                $("#serialize").html(str); 

jQuery的Ajax

标签:url   数据   asp   eid   用法   返回   对象数组   global   before   

原文地址:http://www.cnblogs.com/Abner5/p/5987842.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!