首页 > web前端 > js教程 > ajax的简单介绍

ajax的简单介绍

一个新手
发布: 2017-10-10 10:15:20
原创
1372 人浏览过

1.ajax原生

ajax包括以下几步骤:1、创建AJAX对象;2、发出HTTP请求;3、接收服务器传回的数据;4、更新网页数据。概括起来,就是一句话,ajax通过原生的XMLHttpRequest对象发出HTTP请求,得到服务器返回的数据后,再进行处理。

步骤:

var xhr = createXHR();//创建对象 
xhr.open(“方式”,”地址”,”标志位”);//初始化请求 
xhr.setRequestHeader(“”,””);//设置http头信息 
xhr.onreadystatechange =function(){}//指定回调函数 
xhr.send();//发送请求
登录后复制
/   //1.创建xhr对象
    var xhr;
    if(window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    //异步接受响应
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                //实际操作
              ;
            }
        }
    }
    //发送请求
    xhr.open('get',url,true);
    xhr.send();
登录后复制

2.jquery封装ajax

		$.ajax({
			type : "get",
			url : '',
			dataType : "json",
			data:{},
			success : function(data){
				
			},error:function(){
			    console.log('fail');
			}
		});
登录后复制

3.jsonp跨域原理

出于安全性考虑,浏览器禁止ajax跨域获取数据

逐步演示scriptsrc属性加载js文件的方式获取数据

解释跨域获取数据的机制

(1)动态创建script标签

(2)定义回调函数

(3)返回函数调用

(4)传递参数或者全局变量

以上是ajax的简单介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板