zoukankan      html  css  js  c++  java
  • Ajax在网页中的简单应用

    苏朋老师的例子。该例子实现到www.163.com上验证一个用户是否注册。
    首先注册并得到xmlhttp对象。然后提交并得到返回值。

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
            <script language="javascript" type="text/jscript">
            //检测浏览器,创建xmlhttp-request对象
            function getXMLRequester()
            {
                var xmlhttp_request = false;
                try
                {
                    if(window.ActiveXObject)
                    {
                        for(var i = 5;i;i--)
                        {
                            try
                            {
                                if(i==2)
                                {
                                    xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
                                }
                                else
                                {
                                    xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP" +i+"0");
                                    xmlhttp_request.setRequestHeader("Content-Type","text-xml");
                                    xmlhttp_request.setRequestHeader("Content_Type","gb2312");                               
                                }
                                break;
                            }
                            catch(e)
                            {
                                xmlhttp_request=false;
                            }
                        }
                    }
                    else if(window.XMLHttpRequest)
                    {
                        xmlhttp_request = new XMLHttpRequest();
                        if(xmlhttp_request.overrideMineType)
                        {
                            xmlhttp_request.overrideMineType("text/xml");
                        }
                    }
                }
                catch(e)
                {
                    xmlhttp_request = false;
                }
                return xmlhttp_request;
            }
           
            function IDRequest(n)
            {
                url = n + document.getElementById("txtUserID").value;//定义网址参数
               
                xmlhttp_request = getXMLRequester();
                xmlhttp_request.onreadystatechange = doContents;//调用doContent函数;
                xmlhttp_request.open("Get",url,true);
               
                xmlhttp_request.send(null);
            }
           
            function doContents()
            {
                if(xmlhttp_request.readyState == 4)//收到完整的服务器响应
                {
                    if(xmlhttp_request.status == 200)//Http服务器响应ok
                        document.getElementById("message").innerHTML = xmlhttp_request.responseText;//服务器响应的值
                    else
                        alert(http_request.status);
                }
            }
           
            </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <input type="text" id="txtUserID" style="font-size:12px;" />
            <input type="button" id="btnOk" value="校验" style="font-size:12px" onclick ="IDRequest('http://reg.163.com/register/checkssn.jsp?username=')" />
            <div id="message"></div>
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    mojo 接口示例
    MojoliciousLite: 实时的web框架 概述
    接口返回json
    centos 6.7 perl 版本 This is perl 5, version 22 安装DBI DBD
    centos 6.7 perl 5.22 安装DBD 需要使用老的perl版本
    商业智能改变汽车行业
    商业智能改变汽车行业
    读MBA经历回顾(上)目的决定手段——北漂18年(48)
    perl 升级到5.20版本
    Group Commit of Binary Log
  • 原文地址:https://www.cnblogs.com/VirtualMJ/p/762382.html
Copyright © 2011-2022 走看看