Rumah > hujung hadapan web > tutorial js > ajax的简单介绍

ajax的简单介绍

一个新手
Lepaskan: 2017-10-10 10:15:20
asal
1369 orang telah melayarinya

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();//发送请求
Salin selepas log masuk
/   //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();
Salin selepas log masuk

2.jquery封装ajax

		$.ajax({
			type : "get",
			url : '',
			dataType : "json",
			data:{},
			success : function(data){
				
			},error:function(){
			    console.log('fail');
			}
		});
Salin selepas log masuk

3.jsonp跨域原理

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

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

解释跨域获取数据的机制

(1)动态创建script标签

(2)定义回调函数

(3)返回函数调用

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

Atas ialah kandungan terperinci ajax的简单介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan