hello,我是小索奇,本篇文章给大家带来ajax中常用的一些代码,为什么写这些呢?
因为小索奇也看黑马、尚硅谷等老师的视频,在学习java的时候经常会介绍ajax,导致很多不了解的伙伴一脸懵然,以防万一,这里还是介绍下吧~
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/try/ajax/ajax_info.txt",true); xmlhttp.send();
这段代码是一个使用 Ajax 技术向服务器发送 GET 请求、获取返回数据并更新页面的示例。具体来说,这段代码中包含以下几个部分:
1.xmlhttp对象的创建
var xmlhttp = new XMLHttpRequest();
在这里,我们使用 XMLHttpRequest 对象实现了 Ajax 的请求。XMLHttpRequest 是原生支持的 JavaScript 对象,它可以直接向服务器发送 HTTP 请求,并获取返回的数据。
2.状态变化的监听
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
这里我们通过 onreadystatechange 属性,为 XMLHttpRequest 对象添加一个状态变化的监听函数。当 readyState 值发生变化时,该函数会被触发执行。readyState 表示 XMLHttpRequest 的状态,有五种可能的取值,分别对应以下含义:
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
在这个示例中,我们判断当 readyState 变成了 4,而且 status 码为 200(表示服务器返回了成功的响应)时,我们就将服务器返回的文本内容更新到网页上。
设置请求参数并发送请求
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
最后我们通过 open() 方法设置了请求的类型(GET)、请求的 URL (本例中的 URL 为 "/try/ajax/ajax_info.txt"),以及是否使用异步方式发送请求(最后一个参数为 true)。
最后,我们调用 send() 函数向服务器发送请求。这个函数可以接受一个请求体参数(对于 GET 请求来说,请求体为空),如果需要像 POST 请求一样发送数据给服务器,就需要在这里传入一个字符串作为请求体。
这些就是常见的ajax代码啦~