一個最簡單的AJAX例子

最新推荐文章于 2019-09-17 09:33:43 发布

全是套路

最新推荐文章于 2019-09-17 09:33:43 发布

阅读量756

点赞数

文章标签： ajax button javascript server action null

本文链接：https://blog.csdn.net/lv_ping/article/details/3726170

版权

本文介绍了一个简单的Ajax应用实例，通过点击按钮触发JavaScript函数getCustomerInfo(), 向服务器发起GET请求，从aaa.aspx页面获取数据并弹窗显示响应结果。此例展示了基本的XMLHttpRequest对象创建及使用方法。

摘要由CSDN通过智能技术生成

該例子實現的功能:通過點擊Button從服務器端獲取數據然後提示輸出...

Default.aspx

 
 <html>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=big5" />
    <title></title>
    <script language="javascript" type="text/javascript"> 
var request; 
function createRequest() { 
  try { 
    request = new XMLHttpRequest(); 
  } catch (trymicrosoft) { 
    try { 
      request = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (othermicrosoft) { 
      try { 
        request = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (failed) { 
        request = false; 
      } 
    } 
  } 
  if (!request) 
    alert("Error initializing XMLHttpRequest!"); 
} 
function getCustomerInfo() { 
  createRequest(); 
  request.open("get","aaa.aspx",true);
  request.onreadystatechange =updatePage;
  request.send(null);
} 
function updatePage()
{
    if(request.readyState==4)
    {
      if(request.status==200)
      {
        alert(request.responseText);
      }
    }
}
</script> 
</head>
<body>
    <form runat="server" action="">
        <input id="Button1" type="button" value="button" οnclick="getCustomerInfo();"/>
    </form>
</body>
</html>
 

aaa.aspx.cs

 
 using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class nameSpace08108_aaa : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("hello!");
        Response.End();
    }
}
 