ajax的异步和同步(Asynchronus Javascript and Xml)

同步：一个时间段只能干一件事：即按部就班，一件事一件事的做。



异步：相同的时间段做多件事，同时进行。
依靠 XMLHttpReuquest 对象来与服务器执行异步操作。


判断支持哪一个XMLHttpReuquest对象就等同于知道浏览器版本在什么范围内
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>demo</title>
    <script src="js/jquery.min.js"></script>
    <script>
        //创建XMLHttpReuquest 对象
        function createXhr(){
            var xhr =null;
            //浏览器判断
            if(window.XMLHttpRequest){
                //可以直接new出来对象的说明是IE7、8、9 Chrome、FireFox等浏览器
                xhr =new XMLHttpRequest();
            }else {
                //这样的就是IE 5.5、 IE 6等低版本的浏览器
                xhr=new ActiveXObject("Microsoft.XMLHttp");
            }
            return xhr;
        }
        function testXhr(){
            //测试回调函数createXhr
            window.alert(createXhr());//输出[object XMLHttpRequest]表示正常
        }
    </script>
    </head>
<body>
<input type="button" value="测试XMLHttpRequest" onclick="testXhr()"/>
</body>
</html>
												


											
ajax---获取XMLHttpReuquest 对象的更多相关文章
	

    
						
  1. ajax获取json对象
		
    ajax获取json对象 ajax获取json数据,都是一个原理,设置response 的Content-Type:application/json,这样浏览器自动会解析为json对象 $result ...
    
		
    2. 
						
  2. Spring mvc 下Ajax获取JSON对象问题 406错误
		
    我在学习springmvc过程中(我的项目是配置的后缀是.html),从controller返回对象. 如果我不使用 mvc-annotation-driver,而是手动配置,AnnotationMe ...
    
		
    3. 
						
  3. Spring mvc下Ajax获取JSON对象问题 406错误
		
    spring 通过@ResponseBody标签返回JSON数据的方法都报406错: Failed to load resource: the server responded with a stat ...
    
		
    4. 
						
  4. Highcharts ajax获取json对象动态生成报表生成 .
		
    http://blog.csdn.net/wsk7860/article/details/8751061 最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分 ...
    
		
    5. 
						
  5. Python脚本控制的WebDriver 常用操作 <十九> 获取测试对象的状态
		
    下面将使用webdriver来模拟测试中观察测试对象的状态的操作 测试用例场景 在web自动化测试中,我们需要获取测试对象的四种状态 是否显示.使用element.is_displayed()方法:  ...
    
		
    6. 
						
  6. Python脚本控制的WebDriver 常用操作 <十七> 获取测试对象的属性及内容
		
    测试用例场景 获取测试对象的内容是前端自动化测试里一定会使用到的技术.比如我们要判断页面上是否显示了一个提示,那么我们就需要找到这个提示对象,然后获取其中的文字,再跟我们的预期进行比较.在webdri ...
    
		
    7. 
						
  7. 通过Jquery中Ajax获取json文件数据
		
    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 :  ...
    
		
    8. 
						
  8. 获取XMLHttpRequest对象
		
    //创建一个XMLHttpRequest对象 ,利用此对象与服务器进行通信 是AJAX技术的核心 /////////////////////////////////////////////////// ...
    
		
    9. 
						
  9. Ajax获取Json多个集合并同时遍历
		
    Ajax获取Json多个集合并同时遍历: 方法一.:将多个集合放入MAP集合. 后台:Servlet @Override protected void doPost(HttpServletReques ...
    
		
    10. 
				

	


随机推荐
	

    
									
  1. python小练习---TCP客户端
			
    这是python黑帽子上的起始练习,我对其中的用到的函数做了注释,以便日后便于理解. 该程序可以访问百度,返回响应信息. 另外,我注释还有一部分UDP客户端的语句,TCP和UDP对比便于记忆. # - ...
    
			
    2. 
						
  2. Javascript - ExtJs - TabPanel组件
			
    示例 Ext.create('Ext.tab.Panel', {     width: "100%",     renderTo: "tabBox",      ...
    
			
    3. 
						
  3. light oj 1254 - Prison Break 最短路
			
    题目大意:n个点m条边的有向图,q次询问c,s,t,表示汽车邮箱容量为c,求从起点s到终点t的最小费用.汽车在每个点可以加任意的油,每个点的单位油价为a[i]. 题目思路:利用最小费优先队列优化最短路 ...
    
			
    4. 
						
  4. JedisCluster
			
    字符串 setex(key, seconds, value):带过期时间 mset(keysvalues.....):批量操作,是一个原子性(atomic)操作,所有给定key会在同一时间内被设置 h ...
    
			
    5. 
						
  5. [转]Python中的eval()、exec()及其相关函数
			
    Python中的eval().exec()及其相关函数   刚好前些天有人提到eval()与exec()这两个函数,所以就翻了下Python的文档.这里就来简单说一下这两个函数以及与它们相关的几个函数 ...
    
			
    6. 
						
  6. Shell-自动建立全国城市
			
    Code: #!/bin/bash function mkdirFun() { if [ ! -d $1 ];then mkdir -p $1 fi } filename=city1.txt date ...
    
			
    7. 
						
  7. wxpy: 用 Python 玩微信【转】
			
    转自:https://wxpy.readthedocs.io/zh/latest/index.html 微信机器人 / 可能是最优雅的微信个人号 API wxpy 在 itchat 的基础上,通过大量 ...
    
			
    8. 
						
  8. Net开发的部分知名网站案例
			
    .Net开发的部分知名网站案例:http://www.godaddy.com 全球最大域名注册商http://www.ips.com 环迅支付,国内最早的在线支付平台http://www.icbc.c ...
    
			
    9. 
						
  9. css3 弹性效果上下翻转demo
			
    最近扒了一个有弹性效果上下翻转demo 上图: 上代码: <!DOCTYPE html> <html lang="en"> <head> < ...
    
			
    10. 
						
  10. webpack配置的基本介绍
			
    https://github.com/DDFE/DDFE-blog/issues/10 全局安装 webpack :(当前笔记版本: webpack  3.10.0 , mac环境) 1. npm i ...
    
			
    11.