码迷,mamicode.com
首页 > Web开发 > 详细

ajax最简单的实例

时间:2015-08-17 19:14:35      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="请求服务器" onclick="ajaxTest()" />
    <div id="divResult"></div>
    <script>
        var divResult = document.getElementById("divResult");
        function ajaxTest() {
            var xmlhttpObj = null;
            //这边是初始化xmlhttprequest对象
            if (XMLHttpRequest) {
                //这是新浏览器的初始方法
                xmlhttpObj = new XMLHttpRequest();
            }
            else {
                //这是老ie的初始方法
                xmlhttpObj = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //初始化xmlhttprequest结束

            //这句是要请求的服务器的地址,第一个参数是以什么方式请求,一般是get和post,此处是get,第二个参数是请求的服务器地址,第三个参数代表是否是异步,如果为true,则是异步,否则为同步
            xmlhttpObj.open("GET", "http://192.168.25.38/2015/8/2015-8-17/ajaxTest.ashx", true);
            //这个方法是用来监听当前请求的状态,readyState有1,2,3,4,请求结束是4,所以不用管123
            //如果readyState是4,则代表请求结束,那么去判断status,如果是200,则代表请求成功,如果是500,则代表服务器错误,一般只需要判断是200就行了,其他的状态自己去看下
            xmlhttpObj.onreadystatechange = function () {
                if (xmlhttpObj.readyState == 4) {
                    if (xmlhttpObj.status == 200) {
                        divResult.innerHTML = xmlhttpObj.responseText;
                    } else {
                        divResult.innerHTML = "error" + xmlhttpObj.responseXML;
                    }
                } else {
                    divResult.innerHTML = "sending";
                }
            }
            //这句是发送请求,一般什么都不用,直接发一个null,也可以发其他的
            xmlhttpObj.send(null);
        }


    </script>
</body>
</html>
服务器

using System;
using System.Collections.Generic;

using System.Web;

namespace EverydayWorkRecord._2015._8._2015_8_17
{
    /// <summary>
    /// ajaxTest 的摘要说明
    /// </summary>
    public class ajaxTest : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Write("Hello World");
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

ajax最简单的实例

标签:

原文地址:http://www.cnblogs.com/benchan2015/p/4737166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!