摘要:并且可以使用获取元素的,来获取的元素,例如修改后的如下所示,新增内容和注释如
可以如何发送请求
用可以发请求,但是会刷新页面或新开页面
用只可以发 get 请求,但是只能以图片的形式展示
用只可以发 get 请求,但是只能以 CSS、favicon 的形式展示
用只可以发 get 请求,但是只能以脚本的形式运行
❓有没有什么方式可以实现:get、post、put、delete 请求都行,想以什么形式展示就以什么形式展示❓
ajaxAsynchronous Javascript And XML
异步 Javascript 和 XML
需要满足下面三个条件,可以称之为 ajax:
使用 XMLHttpRequest 发请求
服务器返回 XML 格式的字符串
JS 解析 XML,并更新局部页面
不过随着技术发展,XML 越来越不常用,经常使用 JSON 代替 XML
version1.0我们尝试做一个按钮,点击向服务器发送一个请求
html :
ajax_html
main.js :
myButton.addEventListener=("click",function(e){ var request= new XMLHttpRequest(); //新建请求 request.onreadystatuschange=function(){ //当请求的状态有变化时,打印出状态码 console.log(request.readyStatus); } request.open("GET","/xxx"); //初始化,GET 方法,/xxx 路径 request.send(); //发送请求 })
后端代码 :
}else if(path==="/xxx"){ response.statusCode = 200 response.setHeader("Content-Type", "text/xml;charset=utf-8") response.write(` //xml`) response.end() } Tove Jani Reminder Don"t forget me this weekend!
效果 :
当点击 点我 按钮时,首先,新建一个XMLHttpRequest请求;其次,使用 GET 方法请求到 /xxx;最后,发送请求。
当服务器收到请求了 /xxx 路径,然后,就返回了一串格式符合 XML 的字符串
并且,当请求和响应进行到各个状态时,都会打印出它的状态码
(状态码请参考:https://developer.mozilla.org...)
除了可以获取状态码、在浏览器控制台获取服务器返回的XML字符串外,还可以将XML字符串转换为XML。
并且可以使用DOM获取元素的API,来获取XML的元素,例如getElementByTagNames...
修改后的 main.js 如下所示,新增内容和注释如
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97804.html
摘要:之所以不能跨域其实是因为受到同源策略的限制,只能让它访问同源下的数据,不能访问不同源下的数据同源策略每个网站只能读取同一来源的数据,这里的同一来源指的是主机名域名协议和端口号的组合。 一、Ajax的概念 Ajax是一种技术方案,但并不是一种新技术。它依赖的是现有的CSS/HTML/Javascript,而其中最核心的依赖是浏览器提供的XMLHttpRequest对象,是这个对象使得浏...
摘要:需要注意的是,并不是的替代品,两者各自有其适应的场景。但为了方便交流,我们通常将获取资源的一方称为客户端主要的工具是浏览器,而将派发资源的一方称为服务端又称为服务器。它可以帮助我们为之后概念细节的学习打下良好基础。 再也不学AJAX了是一个与AJAX主题相关的文章系列,包含以下三个部分的内容: AJAX概述:主要回答AJAX是什么这个问题; 使用AJAX:介绍如何通过JavaSc...
摘要:前端基础技术下你要明白是什么,怎么使用,程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问。获取字符串形式的响应数据,获取形式的响应数据。基础回顾原理是借助标签发送跨域请求的技巧。 Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问。 浏览器发送请求,获取服务器的数据:...
摘要:是一款缓存插件,可以为方法扩展缓存功能。缓存清理插件本身会自动清理过期缓存对于不想继续使用缓存的接口可以为方法传入清理当前接口的缓存并返回最新数据也可以调用清理所有插件产生的缓存。 原文链接 AJAX-Cache是什么 Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用缓存提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件...
阅读 1946·2021-11-22 19:20
阅读 2590·2021-11-22 13:54
阅读 1887·2021-09-04 16:40
阅读 1775·2021-08-13 11:54
阅读 2576·2019-08-30 15:55
阅读 3440·2019-08-29 13:51
阅读 503·2019-08-29 11:09
阅读 2975·2019-08-26 14:06