Ajax异步请求、异步提交
网页中点击提交的时候,发送请求,同时,整个页面刷新,
但是在看视频,点赞的时候,不能刷新页面重头看,
所以用上Ajax技术,只刷新一小部分内容,减少服务器压力和实现需求。
它需要和js一起使用。
1 2 3 4 5 6 7 8 9 | // var xmlHttp= new XMLHttpRequest(); xmlHttp.open( "get" , "login" ,true); xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState== 4 ){ loginMsg.innerHTML= "已经提交了请求" ; } } xmlHttp.send(); |
XMLHttpRequest对象
open( 提交方式,url,是否异步提交)
使用get方式
xmlHttp.open("get","login?stuno="+stuno+"&password="+password,true);
使用post方式
设置请求头:使用post方式的时候调用它,否则提交不了,xmlHttp.setRequeatHeader()
setRequeatHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.open("post","login",true);
xmlHttp.send("stuno="+stuno+"password"+password);
send()发送请求
get方式null
三个属性
readyState:请求的状态有五种
- 0未初始化:对象已经创建,尚未调用open()
- 1已初始化:调用open
- 2发送数据:调用send
- 3传输中:接收到部分数据,接收尚未完成
- 4完成:数据接收完成
onreadystatechange:回调函数,当状态发生变化,就会调用回调函数
status:状态码200,
responseText:保存响应的文本
分类:
Java / javaweb
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构