JQuery Ajax Post实例

最新推荐文章于 2021-08-05 12:31:19 发布

转载最新推荐文章于 2021-08-05 12:31:19 发布 · 235 阅读

AJAX/jQuery/Js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery AJAX实现的简单登录功能示例。该示例通过POST方式向testLogin.aspx发送用户名和密码，并接收html格式的响应。在请求过程中，页面会显示logining状态提示。请求成功后，将接收到的数据解码并更新到页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function test() {
    $.ajax({
        //提交数据的类型 POST GET             
        type: "POST",
        //提交的网址    
        url: "testLogin.aspx",
        //提交的数据          
        data: {
            Name: "sanmao",
            Password: "sanmaoword"
        },
        //返回数据的格式
        datatype: "html",
        //"xml", "html", "script", "json", "jsonp", "text".
        //在请求之前调用的函数           
        beforeSend: function() {
            $("#msg").html("logining");
        },
        //成功返回之后调用的函数                        
        success: function(data) {
            $("#msg").html(decodeURI(data));
        },
        //调用执行后调用的函数          
        complete: function(XMLHttpRequest, textStatus) {
            alert(XMLHttpRequest.responseText);
            alert(textStatus);
            //HideLoading();   
        },
        //调用出错执行的函数            
        error: function() {
            //请求出错处理           
            }
    });
}