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.jb51.net/;  
    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.jb51.net/";  
    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;  
    } 
}

赞 (0)

相关推荐

  • ajax数据传输方式实例详解

    本文实例讲述了ajax数据传输方式.分享给大家供大家参考,具体如下: 在异步应用程序中发送和接收信息时,常见的可以选择以纯文本和XML作为数据格式(可参考<jQuery学习笔记之Ajax用法实例详解>),现在还有一种比较流行的方式:JSON(JavaScript Object Notation).好了,下面举例说明这三种数据格式在ajax的异步应用. 一.纯文本方式 1.发送/接收数据: Code is cheap.看代码: testJs.js // 此函数等价于document.getEle

  • Ajax 对象 包含post和get两种异步传输方式

    复制代码 代码如下: /** * @author Supersha * @QQ:770104121 */ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="

  • AJAX在GB2312的中文编码传输 AJAX特殊字符编码正确方法

    很多可能在转摘过程中失真或未经验证就被转摘,真正使用时却不行,也由此决定自己全方位试验一下,努力还是没有白费,虽然最终得出的结果是很简单的,但其过程对于一个新学AJAX的人来说,真是挺累.欢迎您在使用过程中对新的心得一起跟帖交流,一个思想+一个思想,至少可以产生两个思想. 一.在GET发送时: 方法1:在ASP服务器端用Response.charset="GB2312"界定输出编码给调用客户端 此时客户端不需要做什么转换即可.如下两个文件: 1.客户端JS 复制代码 代码如下: var

  • Ajax实现的异步传输与验证示例代码

    Ajax异步传输用得很广,就拿web开发来说吧,当用户注册时,当用户刚一输完,怎么立即判断用户是否存在,并在输入框后显示提示?这就用到了异步传输~~ 它可以让你不离开页面的情况下,获取后台你想要的数据,并显示在当前页面!!好的,下面看个例子 下面是一段Ajax验证代码 复制代码 代码如下: <script type="text/javascript"> //① 设置变量 var xmlHttp ; var flag = false ; var package_name; /

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

    背景 前台页面两个select框,一个与学院关联,另一个与专业关联,现需要选择学院select框后,显示学院相关信息,且专业select下面仅有属于该学院的专业名称.也就是实现一个二级联动效果. 两个select里面分别定义onchange事件,事件中利用ajax的GET方法向后台PHP递交信息,再将查询得到的信息echo出来或document.write. 注:代码参考了有位叫y0umer的博主写的. 复制代码 代码如下: <script type="text/javascript&qu

  • JQuery中使用ajax传输超大数据的解决方法

    直接说问题,在一个页面用了Jquery(1.6)的Ajax请求,用的post,传递显示的数组有500多条.php端却只能接受到50条左右.刚开始以为是web服务器设置的问题,把,max_upload_size这类的都改了.但是没有效果,后来尝试用max_input_vars这个是新玩艺,刚开始还有点作用.后来,客户的数据超过2000的时候,还是一样,php端还是不能完全接受到ajax发送过来的数据.最后,在国外的一网站上,找到了解决方案. 在post发送前,将要发送的变量用JSON.string

  • AJAX 异步传输数据的问题

    要异步传输的数据: Xml代码 .... <action xsi:type="basic:JavaScript" script="index += 1;"/> .... Ajax异步传输代码: Js代码 复制代码 代码如下: var postData = "input="+ escape(inputJSON) +"&script="+escape(xml)+ "&feedGeneral=&

  • 利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法

    准备工作: ① 首先要会使用ThinkPHP这个框架 ② 最好有些ajax的基础(可以去看下小飞的另外一篇博文:Ajax实时验证"用户名/邮箱等"是否已经存在) ③ 4个js文档(点此免积分下载) 先贴上源代码: 复制代码 代码如下: <script type="text/javascript" src="__PUBLIC__/js/base.js"></script> <script type="text

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

    复制代码 代码如下: //同步传输模式 function RequestByGet(nProducttemp,nCountrytemp)   {       var xmlhttp if (window.XMLHttpRequest)         {              //isIE   =   false;              xmlhttp   =   new   XMLHttpRequest();         }         else if (window.Acti

  • JavaScript使用Ajax上传文件的示例代码

    本文介绍了JavaScript使用Ajax上传文件的示例代码,分享给大家,具体如下: 实现文件的上传主要有两种方式: 使用form表单提交上传 html代码如下: <form id="uploadForm" enctype="multipart/form-data"> <input id="file" type="file" name="file"/> <button id=&

  • Flask框架运用Ajax实现数据交互的示例代码

    目录 前后端发送字符串 前后端发送JSON数据 发送数据并携带token 收发JSON格式字符串 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载刷新整个页面,这使得程序能够更快地回应用户的操作,如下笔记将简单介绍使用AJAX如何实现前后端数据通信. 前后端发送字符串 前端代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

  • jQuery中使用Ajax获取JSON格式数据示例代码

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于"名称"和"值"的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. 下面就使用jQuery读取music.txt文件中的JSON数据格式信息. 首先,music.txt中的内容如下: 复制代码 代码如下: [ {"optionKey":"1"

  • Python flask使用ajax上传文件的示例代码

    目录 前言 JS Form的enctype属性 Input MIME类型(更多直接百度,类型超乎你的想想) 上传单个文件 html代码部分 javascript代码部分 flask 视图函数部分 上传多个文件 html js 出问题解决方案 前言 JS 为什么要用ajax来提交在使用from提交时,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名. 为安全起见,即file-upload 元素不允许 HTML 作者或 JavaScript 程序员指定一个默认的文件名.HTML value

  • 用实现ajax读博客rss示例代码

    this is test var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } function readRSS(url) { createXMLHt

  • 前端实现滑动按钮AJAX与后端交互的示例代码

    前端实现滑动按钮AJAX与后端交互的示例代码

    目录 html代码 css代码 效果图 JS事件触发 flask后端接口 参考链接 html代码 <div class="switch-box"> <input id="switchButton" type="checkbox" class="switch" /> <label for="switchButton"></label> </div>

  • 基于Blod的ajax进度条下载实现示例代码

    基于Blod的ajax进度条下载实现示例代码

    普通的浏览器下载 在web开发中,如果要实现下载功能,往往都是使用新开web页面或者是使用iframe的形式.实现起来其实很简单: <a target="_blank" href="download.zip" rel="external nofollow" >点击下载</a> //或者 <iframe style="display:none" src="download.zip"

  • ext 同步和异步示例代码

    同步调用的相关文档就少一些.一下是同步示例,即页面在加载时,或者这个js被调用到时,程序会一行一行的往下走,这在获取页面初始化需要数据或者样式等一些功能会用到. 示例代码: 复制代码 代码如下: //判断按钮权限的方法.true为无权限,false为有权限可以显示     function checkButton(buttonId){ //按钮的状态,ext对类型要求比较高,这里注意类型.变量的转换问题.         var state = new Boolean(true); //这里调用

  • jquery的ajax同步和异步的理解及示例

    之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除. 而异步则这个AJAX代码运行中的时候其他代码一样可以运行. jquery的async:false,这个属性 默认是true:异步,false:同步. 复制代码 代码如下: $.ajax({ type: "post",

随机推荐