AJAX

发布时间：2020-12-16 03:00:29 所属栏目：百科来源：网络整理

导读：1.AJAX的定义: 1.异步的Javascript和XML 2.使用JS和服务端进行数据通信的方式 2.原生Javasccript实现的AJAX(创建XMLHttpRequest对象) var ilEle = document.getElementById("il");ilEle.onblur = function() {#创建原生的JSvar xmlHttp = new XMLHttpRequest

1.AJAX的定义:

　　1.异步的Javascript和XML

　　2.使用JS和服务端进行数据通信的方式

2.原生Javasccript实现的AJAX(创建XMLHttpRequest对象)

var ilEle = document.getElementById("il");
ilEle.onblur = function() {
#创建原生的JS
var xmlHttp = new XMLHttpRequest();
#设置往哪里提交
xmlHttp.open(‘POST‘,"/index/",true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
#取到用户填写的值
var num = ilEle.value;
xmlHttp.send(‘num=‘+num );
#回调,当请求收到后端的响应后
xmlHttp.onreadystatechange = fnction(){
if (xmlHttp.readyState === 4 && xmlHttp.status === 20){
    alert(xmlHttp.responseText) ;  }
};
};

3.jQuery实现的AJAX

		$(‘#i1‘).on(‘blur‘,function () {
			$.ajax({
				url: ‘/index/‘,// 往哪里发请求
				type: ‘POST‘,// 请求的方法
				data: {‘num‘: $(‘#i1‘).val()},// 请求的数据
				success: function (res) {  // 请求被成功响应之后要做的事儿
					alert(res)
				},error: function (err) {  // 请求未被响应之后要做的事儿
					alert(err)
				}
			})
		})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!