分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

Ajax

发布时间:2023-09-06 02:33责任编辑:苏小强关键词:Ajax

1.基本概念

???Ajax(Asynchronous JavaScript And XML):异步(浏览器引擎提供的request,浏览器通过后台悄悄的发送请求)JavaScript(对象是由其提供的)及XML.
 ???Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术,是基于JavaScript、XML、HTML、CSS新用法. ???
2.Ajax用法

???只刷新局部页面的技术
???(1)JavaScript:用于更新局部的网址
???(2)XML:一般用于请求数据和响应数据的封装
???(3)XMLHttpRequest对象:发送请求到服务器并获得返回结果
???(4)CSS:美化页面样式
???(5)异步:发送请求后不等返回结果,由回调函数处理结果
3.构造方法
function getXMLHttpRequest() { ???//不同浏览器获取对象的方式 ???????var xhr; ???????if (window.XMLHttpRequest){//google souhu ???????????xhr = new XMLHttpRequest(); ???????} else{//ie ???????????xhr = new ActiveXObject("Microsoft.XMLHTTP"); ???????} ???????return xhr;}
View Code
4.方法

???(1) open(method: string, url: string, async: boolean) ?"get|post" ,"url?name=" ,"true(默认状态,异步 )|false"
???(2) send() 发送请求 open是get时,此处是null
???(3) status:监控的是服务器端,读取的是http端的代码:200 400 404 500等
???
5.常用属性

???(1)事件处理器onreadystatechange:指定回调函数
???(2)readyState: XMLHttpRequest的状态信息:分别有0 1 2 3 4 这五种状态
???????0:XMLHttpRequest对象没有完成初始化(对象刚刚创建)
???????1:XMLHttpRequest对象开始发送请求(调用open方法)
???????2:XMLHttpRequest对象的请求发送完成(调用send方法)
???????3:XMLHttpRequest对象开始读取响应,还没有结束(接受到了消息头,但正文还在接受中)
???????4:XMLHttpRequest对象读取响应结束
<script type="text/javascript"> ???window.onload=function () { ???????//1.获取getXMLHttpRequest对象 ???????var req = getXMLHttpRequest(); ???????//4.处理响应结果 ???????req.onreadystatechange = function(){ ???????????//alert(req.readyState); ???????????if (req.readyState == 4){//请求一切正常 ???????????????//alert(req.status); ???????????????if (req.status == 200){//服务器响应一切正常 ???????????????????alert(req.responseText); ???????????????} ???????????} ???????} ???????//建立一个连接 ???????req.open("get","${pageContext.request.contextPath}/day16/servlet/demoServlet"); ???????//发送请求 ???????req.send(null); ???}</script>

???????

Ajax

原文地址:https://www.cnblogs.com/q-1993/p/10380879.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved