Ajax请求web页面并返回数据

发明灯泡的

于 2020-11-25 11:09:49 发布

阅读量557

点赞数

分类专栏： asp.Net webForm 前端操作文章标签： ajax jquery c#

本文链接：https://blog.youkuaiyun.com/qq_42364200/article/details/110120449

版权

asp.Net 同时被 3 个专栏收录

17 篇文章

订阅专栏

webForm

16 篇文章

订阅专栏

前端操作

6 篇文章

订阅专栏

博客围绕WebForm页面数据交互展开，要求WebForm1页面发送请求到WebForm2页面，WebForm2返回数据并通过lable显示。给出了WebForm1的JQuery代码和WebForm2的后台代码，WebForm2可通过Response.Write返回多种格式数据。

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

要求：当前WebForm1页面发送请求，请求WebForm2页面，WebForm2页面返回数据，通过lable显示出来。

WebForm1页面JQuery代码

<body>
    <form id="form1" runat="server">
        <div>
            <input type="button" value="按钮" id="btn" onclick="get()" />
            <asp:Label ID="Label1" runat="server" ></asp:Label>
        </div>
    </form>
</body>
</html>
<script>
    function get() {
        $.ajax({
            url: "WebForm2.aspx",    //请求的url地址
            //dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            //data: { "id": "1", "name": "名字" },    //参数值
            type: "GET",   //请求方式
            beforeSend: function () {
                //请求前的处理
            },
            success: function (req) {
                $("#Label1").text(req);
            },
            complete: function () {
                //请求完成的处理
            },
            error: function () {
                //请求出错处理
            }
        });
    }
</script>

WebForm2后台代码 （主要通过Response.Write方法返回数据，也可以返回html,xml,json,text等格式，在这拼就完事了）

protected void Page_Load(object sender, EventArgs e)
        {
            Response.Clear();
            Response.Write("请求后的数据");
            Response.End();
        }