jquery ajax POST 例子详解

使用Ajax实现登录功能

最新推荐文章于 2025-05-14 15:09:53 发布

最新推荐文章于 2025-05-14 15:09:53 发布 · 188 阅读

文章标签：

#Ajax #jQuery #jsonp #json #HTML #ViewUI

[随笔分类]客户端javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用Ajax技术实现的网页登录功能。通过POST方式向服务器提交用户名和密码，并在客户端处理返回的信息。文章详细展示了如何设置请求类型、指定URL、定义发送的数据格式、处理响应结果等。

    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(){
                //请求出错处理
            }
         });