Ajax请求的目标文件如何接收并返回数据

最新推荐文章于 2024-08-16 14:18:23 发布

原创最新推荐文章于 2024-08-16 14:18:23 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #button #function #safari #firefox

[16] js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的Ajax应用实例，通过JavaScript发起异步请求到服务器端的Ajax.aspx页面，并显示返回的数据。该方法有助于提高用户体验，减少页面刷新。

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

<script type="text/javascript">
    function loadXMLDoc() {
        var xmlhttp;
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "Ajax.aspx?t=" + Math.random(), true);
        xmlhttp.send();
    }
    
</script>

    <h2>AJAX</h2>
    <button type="button" onclick="loadXMLDoc()">请求数据</button>
    <div id="myDiv"></div>

目标文件Ajax.aspx接收数据并返回

public partial class Ajax : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write(Request.QueryString["t"].ToString());
    }
}