当前位置: 首页 > Web前端 > HTML

前端知识点-Ajax理论

时间:2023-03-28 15:50:41 HTML

前言大家好,我是前端回调,临近春节。我最近有时间。今天先复习一下ajax的理论知识,后面会有实战文章。敬请关注!AjaxTheoryAsynchronousJavaScriptAndXML,异步JavaScript和XML技术。一种不刷新当前页面从服务器获取数据的方法工作原理创建一个XMLHttpRequest对象XMLHttpRequest对象通过open()方法建立对服务器的调用,设置回调函数,调用send()向web发送请求服务器,服务器处理请求将响应发送回网页并让JavaScript读取响应XMLHttpRequest对象所有现代浏览器都支持XMLHttpRequest对象XMLHttpRequest对象用于在后台与服务器交换数据。这意味着可以更新网页的部分内容而无需重新加载整个页面创建XMLHttpRequest对象所有现代浏览器(Chrom、IE7+、Firefox、Safari和Opera)都有一个内置的XMLHttpRequest对象。创建XMLHttpRequest的语法是:variable=newXMLHttpRequest();(过时的技术,仅供理解)老版本的InternetExplorer(IE5和IE6)使用ActiveX对象:variable=newActiveXObject("Microsoft.XMLHTTP")注意:为了应对包括IE5和IE6在内的所有浏览器,请勾选浏览器是否支持XMLHttpRequest对象。如果支持,创建一个XMLHttpRequest对象,如果不支持,创建一个ActiveX对象:varhttp=window.XMLHttpRequest?newwindow.XMLHttpRequest():newActiveXObject('Microsoft.XMLHTTP');XMLHttpRequest对象方法:newXMLHttpRequest():创建新的XMLHttpRequest对象abort():取消当前请求getAllResponseHeaders():返回头信息getResponseHeader():返回具体的头信息withCredentials:用于指定是否使用用户信息(如cookie和身份验证)应该包含在跨域请求中)HTTP头信息)。默认值为false,即向sample.com发送跨域请求时,不会发送sample.com在本机设置的Cookieopen(method,url,async,user,psw)。前两个参数是必需的:method:请求类型GET或POSTurl:urlasync:true(异步)或false(同步)user:可选用户名psw:可选密码send():向服务器发送请求,对于GET请求发送(string):向服务器发送POST请求setRequestHeader():添加标签/值对到要发送的headerXMLHttpRequest对象属性:onreadystatechange:定义readyState属性改变时调用的函数readyState:保存状态的XMLHttpRequest。0:请求未初始化,open方法未调用1:服务器连接已建立,send方法未调用2:请求已接收,send方法已调用,响应头和响应状态已返回3:正在处理请求,下载响应体,responseText已获取数据4:请求已完成,响应已准备好,请求处理完成响应状态:响应的HTTP状态码statusText:响应的HTTP状态描述response:响应的文本responseText:作为响应主体返回的文本responseXML:如果响应的内容类型是“text/xml”或“application/xml”,则为XML包含响应数据的DOM文档responseType:返回响应数据的类型"":当responseType为空字符串时,与text相同,表示服务器返回文本数据。“arraybuffer”:表示服务端返回一个包含二进制数据的ArrayBuffer对象。“blob”:表示服务器返回一个包含二进制数据的Blob对象。“document”:表示服务器返回一个HTMLDocument或XMLDocument,这取决于接收到的数据的MIME类型。"json":表示将接收到的服务器数据解析为JSON格式获取。"text":表示服务器返回DOMString对象表示的文本。结论回顾总结常用的前端知识点。有兴趣的朋友可以一起学习进步。