zoukankan      html  css  js  c++  java
  • ajax初识

    html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            function btnClick() {
                
    //                //创建一个兼容三大主流浏览器的xmlhttpRequest对象
    //                var xmlhttp = false;
    //                try{
    //                    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");//ie msxml3.0+
    //                }
    //                catch(e){
    //                    try{
    //                        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//ie msxml2.6
    //                    }
    //                    catch(e2){
    //                        xmlhttp = false;
    //                    }
    //                }
    //                if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {//Firefox,Opera 8.0,Safari
    //                    xmlhttp = new XMLHttpRequest();
    //                }
    //                return xmlhttp;
    //            }
                var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建一个XMLHTTP对象
                
                if (!xmlhttp) {
                    alert("创建xmlhttp对象异常!");
                    return false;
                }
                xmlhttp.open("POST", "GetDate1.ashx?id="+encodeURI("中国")+"&ts" + new Date(), true); //准备向服务器的GetDate1.ashx发送请求
                
                //XMLHTTP默认(也推荐)不是同步请求的,也就是open方法并不像webClient的DownloadString那样把服务器返回的数据拿到才返回,是异步的,因此需要监听onreadystatechange事件
                xmlhttp.onreadystatechange = function () {
                    if (xmlhttp.readyState == 4) {
                        if (xmlhttp.status == 200) {//如果状态是200表示成功
                            document.getElementById("Text1").value = xmlhttp.responseText;//responseText属性为服务器返回的数据
                        }
                        else {
                            alert("Ajax服务器返回错误!");
                        }
                    }
                }
                xmlhttp.send();
            }
    
        </script>
    </head>
    <body>
        <input id="Text1" type="text"/>
        <input type="button" id="Button1" value="button" onclick="btnClick()"/>
    </body>
    </html>
    

    ashx:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    
    namespace AJax
    {
        /// <summary>
        /// GetDate1 的摘要说明
        /// </summary>
        public class GetDate1 : IHttpHandler
        {
    
            public void ProcessRequest(HttpContext context)
            {
                context.Response.ContentType = "text/plain";
                string id = context.Request["id"];
                string ts = context.Request["ts"];
                ts = "hello";
                context.Response.Write(DateTime.Now.ToString() + "---" + id+"--"+ts);
            }
    
            public bool IsReusable
            {
                get
                {
                    return false;
                }
            }
        }
    }
    
    感谢来访,共同学习!
  • 相关阅读:
    ural(Timus) 1019 Line Painting
    ACMICPC Live Archive 2031 Dance Dance Revolution
    poj 3321 Apple Tree
    其他OJ 树型DP 选课
    poj 3548 Restoring the digits
    ACMICPC Live Archive 3031 Cable TV Network
    递归循环获取指定节点下面的所有子节点
    手动触发asp.net页面验证控件事件
    子级Repeater获取父级Repeater绑定项的值
    没有列名的数据绑定
  • 原文地址:https://www.cnblogs.com/dingxiaowei/p/3061356.html
Copyright © 2011-2022 走看看