IT培训>编程语言教程

    ASP.NET中使用AJAX的简单方便方法

    作者:课课家更新于： 2015-11-03 17:58:10

    大神带你学编程，欢迎选课
    获得知识的途径有很多，现在由小编为大家讲解有关语言编程的文章希望对大家有所帮助

    C语言视频教程据我所知，这项技术最初是由Microsoft在1999年提出来的，也就是我们所熟知的"使用远程调用（remote calls）的DHTML / cript web应用程序".这项技术的核心就是通过浏览器发出一个异步的HTTP请求来调用服务端的网页或服务，在返回结果后，无需刷新就可以更新整个网页。这项技术经过不断地完善，到目前为此，使用的web程序从表现上看已经非常类似于程序了。
    　
    由于这项技术的实现需要依赖于前端的浏览器，因此，它的使用受到了限制。但在最近的几年，由于浏览器功能的加强和一些公司，如Google、Amazon.com的许多基于AJAX的应用的不俗表现，终于使这项技术凤凰涅磐、**重生。

    "IOBE 编程语言社区排行榜是编程语言流行趋势的一个指标，每月更新，这份排行榜排名基于互联网上有经验的程序员、课程和第三方厂商的数量。排名使用著名的搜索引擎（诸如 Google、MSN、Yahoo!、Wikipedia、YouTube 以及 Baidu 等）进行计算。请注意这个排行榜只是反映某个编程语言的热门程度，并不能说明一门编程语言好不好，或者一门语言所编写的代码数量多少。 教育资源可能会影响结果。例如Python是常用的学校和学习编程途径，成千上万的学生问问题和完成项目。不过根据我的经验来说，Python的工作相比PHP和Ruby来说是罕见的。Java也有类似的情况，因为它在教育、网络、桌面和移动发展上有各种各样的用途，所以它们的排名会相对靠前。
    本地开发者的需求仍然很高，尤其是在相关工作的调查中可以看出。RedMonk报告Swift在不到六个月的时间里上升了46个排名达到第22位。然而应用开发是一门年轻的学科。目前有更多的Web和桌面编程职位空缺着。 "

    　
    现在AJAX的使用已经非常广泛，任何带有丰富用户体验的**页都会不约而同地使用AJAX.
    　
    解决方案
    本文所描述的使用AJAX的方法非常简单，而且效率很高。同时这种方法还非常容易维护，并且开发人员无需任何的特殊技巧就可以实现它，而且使用这种方法还可以跨浏览器。
    　
    c语言程序设计一个基本的AJAX实现需要两个主要部分：一个使用代码编写的客户端HTML页，这些JavaScript用来向服务端发送请求和接收响应；一个可以接收请求和向客户端发送响应信息的远程页面。客户端的JavaScript代码的任务是建立一个XmlHttp对象，然后向服务端发送请求信息，最后通过回调方式处理服务端返回的响应信息。这一切都是由JavaScript代码实现的。
    　
    本文的例子使用.NET程序实现，在实现上要做到以下几点：1、AJAX可以在不同的ASP.NET页上向不同的服务端页发送请求。
    　
    2、远程页面URL可以包含动态可计算的参数，这样做可以在ASP.NET的后端代码中更方便地建立URL字符串。
    　
    3、远程页在更新HTML页之前可以使用复杂的数据进行响应，这也可以由ASP.NET的后端代码完成。
    　
    4、一个服务端页面可以是一个扩展的第三方的页面，也可以是本身的web页或服务。
    　
    以上的几点如图1所示


     
    图1
    实现基本的AJAX JavaScript方法我将JavaScript方法分成两部分：调用特殊页的JavaScript方法和一般的JavaScript方法。特殊的方法包括一个回调方法，它的作用是更新页面内容。而其它的AJAX方法负责建立一个XmlHttp对象，并向服务端发出一个异步的HTTP请求。
    　
    C语言视频教程建立的XmlHttp对象因客户端浏览器的不同而有所差异。本文只考虑两种浏览器：一个是Microsoft的IE系列浏览器；另一个是Mozilla系列浏览器，包括Mozilla Firefox、Netscape和Safari.我也在Opera浏览器上测试过，但我不能保证本文的代码可以很好地运行Opera浏览器上。下面是如何建立XmlHttp对象的代码：
    以下为引用的内容：
    function GetXmlHttpObject(handler)
    {
    var objXmlHttp = null;
    if (!window.XMLHttpRequest)
    {
    // Microsoft
    objXmlHttp = GetMSXmlHttp();
    if (objXmlHttp != null)
    {
    objXmlHttp.onreadystatechange = handler;
    }
    }
    else
    {
    // Mozilla | Netscape | Safari
    objXmlHttp = new XMLHttpRequest();
    if (objXmlHttp != null)
    {
    objXmlHttp.onload = handler;
    objXmlHttp.onerror = handler;
    }
    }
    return objXmlHttp;
    }
    function GetMSXmlHttp()
    {
    var xmlHttp = null;
    var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0",
    "Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0",
    "Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];
    for(var i=0; i
    xmlHttp = createXmlHttp(clsids[i]);
    }
    return xmlHttp;
    }
    function createXmlHttp(clsid) {
    var xmlHttp = null;
    try {
    xmlHttp = new ActiveXObject(clsid);
    lastclsid = clsid;
    return xmlHttp;
    }
    catch(e) {}
          }

    由于MSXML5只是为的，因此，我们可以不考虑MSXML5。

    所以GetMSXmlHttp方法可以简化为以下形式：
    以下为引用的内容：
    function GetMSXmlHttp() {
    var xmlHttp = null;
    var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"];
    for(var i=0; i
    xmlHttp = createXmlHttp(clsids[i]);
    }
    return xmlHttp;
          }

    我们可以看出，GetXmlHttpObject方法有一个handle参数，这个参数指向一个回调方法，这个回调方法将被定义在每一个需要刷新的aspx页中。现在我们已经有了一个XmlHttp对象，接下来我们可以发送一个异步的HTTP请求了。
    以下为引用的内容：
    function SendXmlHttpRequest(xmlhttp, url) {
    xmlhttp.open(’GET’, url, true);
    xmlhttp.send(null);
    }  

    在以上代码中我使用了一个GET HTTP请求发送了一个URL，你可以很容易修改以上的JavaScript代码，使其发送其它的HTTP方法。
    写在aspx页中的方法
    现在我们已经编写完调用远程页面的所有方法。为了执行这些方法，我们需要为GetXmlHttpObject方法传递一个回调方法名，然后向SendXmlHttpRequest方法传递一个URL字符串。下面是相应的实现代码：
    以下为引用的内容：
    var xmlHttp;
    function executeCall(url)
    {
    try
    {
    xmlHttp = GetXmlHttpObject(CallbackMethod);
    SendXmlHttpRequest(xmlHttp, url);
    }
    catch(e){}
    }
    //CallbackMethod will fire when the state
    //has changed, i.e. data is received back
    function CallbackMethod()
    {
    try
    {
    //readyState of 4 or ’complete’ represents
    //that data has been returned
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == ’complete’)
    {
    var response = xmlHttp.responseText;
    if (response.length > 0)
    {
    //update page
    document.getElementById("elementId").innerHTML = response;
    }
    }
    }
    catch(e){}
          }

    CallbackMethod方法负责更新页面。在我们的例子中，它只更新了指定的HTTP对象的inner HTML。但在实际应用中，可以更新更多的内容。
    最后要解决的问题是我们如何在aspx页中调用executeCall方法。如何调用executeCall方法取决于这个页面要做什么。在一些情况下，executeCall方法可以在JavaScript事件出发时调用。

    如果这样做，我们还可以使用相应的aspx页后端C#代码将这个方法注册为启动脚本。
    Page.RegisterStartupScript("ajaxMethod", String.Format(" ", url));
    我们可以将上面代码加到ASP.NET后端代码的Page_Prerender或Page_Load方法中。
    服务端页面
    让我们看看服务端页面象什么。如果它是一个ASP.NET页(我们假设的)，我们仅仅对它的后端代码感性趣。我们可以将.aspx文件中代码都删除，这样丝毫不会影响这个aspx页的功能。
    例如，我们有一个将摄氏度转换为华氏度的web service。如果你将这个web service的URL的引用加入到你的工程中，Visual Studio将产生一个叫"com.developerdays.ItempConverterservice"的代理类，这个代理类使用当前的命名空间。有一个名为getTemp.aspx的aspx页，它接收一个叫"temp"的查询参数，这参数包含一个整数的摄氏度值。如http://localhost/getTemp.aspx?temp=25。这个aspx页的后端代码如下：
    以下为引用的内容：
    private void Page_Load(object sender, EventArgs e)
    {
    Response.Clear();
    string temp = Request.QueryString["temp"];
    if (temp != null)
    {
    try
    {
    int tempC = int.Parse(temp);
    string tempF = getTempF(tempC);
    Response.Write(tempF);
    }
    catch
    {}
    }
    Response.End();
    }
    private string getTempF(int tempC)
    {
    com.developerdays.ITempConverterservice
    svc = new ITempConverterservice();
    int tempF = svc.CtoF(tempC);
    return tempF.ToString();
    } 
    文章很精彩，是否还想了解更多关于视频教程的文章，课课家官网是一个知识的海洋
    标签： 编程语言编程视频编程开发

    上一篇：ASP如何秘密获取客户端真实IP地址

    下一篇：在PHP中全面阻止SQL注入式攻击总结

为您推荐

广州挪贤计算机科技有限公司 版权所有

© 2013-2025 课课家 kokojia.com

课课家教育

首页 课程分类 课程套餐 线路图 读书 资讯 商城 博客 论坛 我的课程 帐户中心 购物车

未登录