ajax 示例

关注

转载最新推荐文章于 2025-08-01 07:00:00 发布 603 阅读 AI 写同款· GEO 优化 ›

纯JavaScript实现Ajax的完整示例本文还有配套的精品资源，点击获取简介：Ajax技术通过异步请求背景数据交换，实现网页的局部刷新，核心依赖于JavaScript。本文详细介绍了使用纯JavaScript实现Ajax的关键步骤，包括创建XMLHttpRequest对象、初始化、设置响应处理函数、发送请求及处理响应数据。通过这些步骤，开发者能够通过不依赖额外库或框架的方式，提升网页交互体验。示例代码展示了如何... 阅读详情

            $.ajax({
                //提交数据的类型 POST GET
                type: "POST",
                //提交的网址
                url: "testLogin.aspx",//'@Url.Action()'
                //提交的数据
                data: { Name: "sanmao", Password: "sanmaoword" },// $('#form').
                //返回数据的格式
                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 () {
                    //请求出错处理
                }
            });