网站建设审批程序,西安网站优化维护,岳阳网站开发网站运营怎么做,网站怎么静态化hello#xff0c;我是小索奇#xff0c;本篇文章给大家带来ajax中常用的一些代码#xff0c;为什么写这些呢#xff1f; 因为小索奇也看黑马、尚硅谷等老师的视频#xff0c;在学习java的时候经常会介绍ajax#xff0c;导致很多不了解的伙伴一脸懵然#xff0c;以防万一… hello我是小索奇本篇文章给大家带来ajax中常用的一些代码为什么写这些呢 因为小索奇也看黑马、尚硅谷等老师的视频在学习java的时候经常会介绍ajax导致很多不了解的伙伴一脸懵然以防万一这里还是介绍下吧~ xmlhttp.onreadystatechangefunction()
{if (xmlhttp.readyState4 xmlhttp.status200){document.getElementById(myDiv).innerHTMLxmlhttp.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.onreadystatechangefunction() { if (xmlhttp.readyState4 xmlhttp.status200) { document.getElementById(myDiv).innerHTMLxmlhttp.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代码啦~
