javascript写的ajax请求

最新推荐文章于 2025-08-06 14:36:16 发布

weixin_33733810

最新推荐文章于 2025-08-06 14:36:16 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/chao2014/p/4960542.html

本文介绍了一种使用Ajax技术与ASP.NET结合的方法，通过简单的HTML页面与JavaScript代码实现了按钮点击触发异步请求的功能。具体实现包括创建XMLHttpRequest对象、设置请求方式及URL，并在回调函数中处理服务器响应。

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

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head runat="server">
 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 4     <title></title>
 5     <script type="text/javascript">
 6         onload = function () {
 7             window.document.getElementById("Button1").onclick = function () {
 8                 var xhr = null
 9                 if (XMLHttpRequest) {
10                     xhr = new XMLHttpRequest();
11                 } else {
12                     xhr = new ActiveXObject("Microsoft.XMLHTTP");//兼容IE6，IE5
13                 }
14                 xhr.open("get", "Handler2.ashx?a=bbb",true);
15                 xhr.send();
16                 xhr.onreadystatechange = function () {//回调函数
17                     if(xhr.readyState==4){
18                         if (xhr.status == 200) {
19                             alert(xhr.responseText);
20                         }
21                     }
22                 };
23 
24             }
25             
26         };
27 
28     </script>
29 </head>
30 <body>
31     <form id="form1" runat="server">
32     <div>
33     
34         <asp:Button ID="Button1" runat="server" Text="Button" />
35     
36     </div>
37     </form>
38 </body>
39 </html>