Basic of Ajax - 走看看

zoukankan html css js c++ java

Basic of Ajax

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

<!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 runat="server">
    <title>Untitled Page</title>
</head>
<body>
<script language="javascript">

   var xmlhttp = false;

   try
   {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   }
   catch(e)
   {
        try
            {
                   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e)
            {
                xmlhttp = false;
            }
   }

   if(!xmlhttp && typeof xmlhttp != 'undefined')
   {
        try
        {
            xmlhttp = new XMLHttpRequest();
        }
        catch(e)
        {
            xmlhttp = false;
        }
   }


function RequestByGet()
{
    //var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

   //to call webservice
   var URL = "http://localhost/webservicetest/service.asmx/GetDataSet?name=" + document.getElementById("txt").value;
   xmlhttp.Open("GET",URL,true);
   xmlhttp.onreadystatechange = updatePage;
   xmlhttp.Send(null);

   //var result = xmlhttp.status;
   //if(result == 200)
   // document.write(xmlhttp.responseText);

   //xmlhttp = null;
}

function RequestByPost()
{

   var strPara = "name=" + document.getElementById("txt").value;

    //to call general .aspx file
    var URL = "BeCalled.aspx";
   xmlhttp.Open("POST",URL,false);
   xmlhttp.SetRequestHeader("Content-Type","application/x-www-form-urlencoded");
   xmlhttp.SetRequestHeader("Content-Length",strPara.length);
   xmlhttp.Send(strPara);

   var result = xmlhttp.status;

   if(result == 200)
    document.write(xmlhttp.responseText);
   else
    alert(result);

   xmlhttp = null;

}

function updatePage()
{

    if(xmlhttp.readyState == 4)
   {
        document.getElementById("showstatus").innerText = "";

        if(xmlhttp.status == 200)
            {
              //alert(xmlhttp.responseXML.xml);
               document.getElementById("age").value = xmlhttp.responseXML.selectSingleNode("//diffgr:diffgram/NewDataSet/Table1/b").text;
            }
        else if(xmlhttp.status == 404)
            alert("Requested URL is not found.");
        else if(xmlhttp.status == 403)
            alert("Access denied.");
        else
            alert("error, status code:" + xmlhttp.status);

     }
     else
           document.getElementById("showstatus").innerText = "loading";

}

</script>
    <form id="form1" runat="server">
    <div>
   <div id="showstatus"></div>
   <input type="text" id="txt" onchange="RequestByGet()" />
    
   <input type="button" value="CallWebServiceByPost" onclick="RequestByPost()" />
   <br />
   <input type="text" id="age"/>
    </div>
    </form>
</body>
</html>

查看全文

相关阅读:
C#写文本文件，如何换行（添加换行符）
C#使用oledb操作excel文件的方法
 winform之combobox
vs2010快捷键
 可以下载一些书籍代码的网站
 对php和java里面的static函数和static的一些理解
 10.4-CMake find 模块
 6.25-Git 技巧
 6.4-Git Command
2.25-CMake Tutorial

原文地址：https://www.cnblogs.com/silva/p/1044638.html