`
fz8224
  • 浏览: 22996 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax同步和异步传输

阅读更多
//同步传输模式

function RequestByGet(nProducttemp,nCountrytemp)
{
    var xmlhttp

    if (window.XMLHttpRequest)  
    {  
         //isIE   =   false;  
         xmlhttp   =   new   XMLHttpRequest();  
    }  
    else if (window.ActiveXObject)
    {  
         //isIE   =   true;  
         xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");  
    }
                 
    //Web page location.
    var URL="http://www.baidu.com/;
    xmlhttp.open("GET",URL, false);
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=Shift_JIS")
    xmlhttp.send(null);
    var result = xmlhttp.status;
   
    //OK
    if(result==200)
    {
        document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
    }
    xmlhttp = null;
}


//异步传输模式
var xmlhttp

function RequestByGet(nProducttemp,nCountrytemp)
{
    if (window.XMLHttpRequest)  
    {  
         //isIE   =   false;  
         xmlhttp   =   new   XMLHttpRequest();  
    }  
    else if (window.ActiveXObject)
    {  
         //isIE   =   true;  
         xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");  
    }
                 
    //Web page location.
    var URL="http://www.baidu.com/";
    xmlhttp.open("GET",URL, true);
    xmlhttp.onreadystatechange = handleResponse;
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=UTF-8")
    xmlhttp.send(null);  
}

function handleResponse()
{
    if(xmlhttp.readyState == 4 && xmlhttp.status==200)
    {
        document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
        xmlhttp = null;
    }
}
分享到:
评论

相关推荐

    AJAX反编译(异步传输大集合)

    2. **异步传输**:在AJAX中,数据请求和页面渲染是并行进行的,而不是同步执行。这意味着用户可以继续浏览网页,而数据加载在后台进行。当服务器返回响应,XMLHttpRequest的readyState属性会改变,触发...

    Ajax同步与异步传输的示例代码

    Ajax(Asynchronous JavaScript and XML...理解并掌握Ajax的同步与异步传输对于开发动态、响应式的Web应用至关重要,因为它可以显著提升用户交互的流畅度和效率。在实际应用中,应尽可能使用异步请求,除非有特殊需求。

    ajax异步提交源代码

    无论是纯JavaScript还是使用像Prototype这样的库,其核心都是通过XMLHttpRequest对象来实现数据的异步传输。通过上述两个示例,我们了解了如何实现Ajax异步提交以及如何处理返回的结果,这为开发高效、交互性强的Web...

    flex与服务端通信的as封装源码(同步、异步两种方式)

    这篇资料提供了一套AS(ActionScript)源码,用于实现Flex客户端与服务端的交互,支持同步和异步两种通信方式,且采用HTTPService进行封装,避免了对BlazeDS的依赖。主要知识点包括: 1. **Flex与服务端通信**:...

    AJAX异步调用代码

    综上所述,这段AJAX异步调用代码示例不仅展示了前后台数据同步的基本流程,还涉及了DOM操作、错误处理等多个重要知识点,对于理解和应用AJAX技术具有较高的参考价值。在日常开发中,灵活运用这些知识,可以有效提升...

    同步和异步的区别.doc

    同步和异步是计算机通信和编程中的两个基本概念,它们主要应用于数据传输和处理的方式上。理解这两者的区别对于优化程序性能和提升用户体验至关重要。 **同步通信**: 在同步通信中,发送方发送数据后会等待接收方...

    Ajax笔记,异步数据

    Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax并非一种独立的新技术,而是利用已有的Web技术组合而成,包括JavaScript...

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    Ajax简单异步调用

    Ajax(Asynchronous ...总之,Ajax简单异步调用是Web开发中的重要技术,它通过局部刷新和后台通信,实现了更加流畅和高效的用户交互体验。了解并熟练运用Ajax,对于提升网站或应用的性能和用户体验具有重要意义。

    4种PHP异步执行的常用方式.除了ajax,你还知道几种异步调用方式?

    除了大家熟知的通过Ajax实现异步,还有其他几种方法,下面将逐一介绍。 1. **利用cURL库** cURL是一个强大的传输协议接口,可以用于发送HTTP请求。通过设置`CURLOPT_TIMEOUT`选项为1秒,虽然客户端需要等待至少1秒...

    ajax异步笔记

    - HTML 用于显示数据,而 XML 主要用于传输和存储数据。 - **XML 语法**: - 必须有根元素。 - 元素必须正确嵌套并闭合。 - 属性值必须用引号包围。 - 文档的第一行通常是 XML 声明,如 `...

    jQuery_ajax异步请求

    通过对`$.ajax()`方法的深入解析和示例分析,我们可以看到其在异步请求中的广泛应用和灵活性。然而,在实际项目中,开发者需要注意以下几点: - **错误处理**:确保在`$.ajax()`配置中包含适当的错误处理机制,以...

    Ajax异步传输与PHP实现交互示例

    在本文中,我们将深入探讨如何使用Ajax异步传输与PHP实现前后端的交互,特别是针对一个常见的二级联动效果,即当用户在前端选择学院时,动态加载并显示相关的专业信息。这种交互方式能够显著提升用户体验,因为它...

    AJAX原理 原理 AJAX

    具体来说,异步传输是将比特分成小组来进行传送。一般每个小组是一个8位字符,在每个小组的头部和尾部都有一个开始位和一个停止位,它在传送过程中接收方和发送方的时钟不要求一致,也就是说,发送方可以在任何时刻...

    AJAX下的请求方式以及同步异步的区别小结

    AJAX(Asynchronous ...最后,代码示例中展示了如何使用JavaScript来发起GET请求和POST请求的同步和异步模式。在实际开发中,了解这些基本的AJAX使用方式,可以帮助开发者更好地构建出高效、响应快速的Web应用。

    【ASP.NET编程知识】ASP.NET WebAPi(selfhost)实现文件同步或异步上传.docx

    总结来说,ASP.NET WebAPI(SelfHost)的文件同步或异步上传涉及客户端与服务器端的交互,利用HTTP协议传输文件。同步上传简单直接,但可能导致用户界面阻塞;异步上传则提升了用户体验,但需要更复杂的前端和后台...

    基于Ajax的异步Web地图实现技术

    ### 基于Ajax的异步Web地图实现技术 #### 1. Ajax 技术简介 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这...

    12JavaScript异步Ajax与json总结.docx

    综上所述,JavaScript异步Ajax技术和JSON的结合,使得前后端之间的数据交互变得更加高效和便捷,大大提升了Web应用的性能和用户体验。在实际开发中,开发者需要熟练掌握这些技术,以创建更加动态和响应式的Web应用...

Global site tag (gtag.js) - Google Analytics