ajax

最新推荐文章于 2024-06-20 09:53:57 发布

奔跑的飞

最新推荐文章于 2024-06-20 09:53:57 发布

阅读量292

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/sinat_29421531/article/details/78187964

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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跨域获取数据

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

解释跨域获取数据的机制

（1）动态创建script标签

（2）定义回调函数

（3）返回函数调用

（4）传递参数或者全局变量