Ajax--------Jquery
AJax---------->按需发送,通过XMLHttpRequest对象向服务器提交需要提交的东西
IE5,6不支持XMLHttpRequest对象,用ActiveX来向服务器提交。
在实际应用中,需要判断浏览器是否支持该对象,方法如下:
var xmlhttp; if(window.XMLHttpRequest){//判断浏览器是否有XMLHttpRequest对象 xmlhttp = new XMLHttpRequest(); } else{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
ajax向服务器发送请求:
var xmlhttp = new XMLHttpRequest(); xmlhttp.open("method","url",async);//method:请求方式:GET/POST url:请求信息在服务器中的路径 async:同步或异步请求(true:异步,false:同步) xmlhttp.send();
ajax接收服务器发送回来的信息(字符串形式,xml形式)
$("#div").text(xmlhttp.responseText);//字符串形式 $("#div").text(xmlhttp.responseXML);//xml形式
ajax中的onreadystatechange事件:该事件绑定readyState属性,当readyState值发生改变的时候,会触发onreadystatechange事件
readyState属性存储了XMLHttpRequest的下面这几个状态:0---------》请求未初始化
1---------》服务器连接已建立
2----------》已接收请求
3----------》请求正在处理中
4-----------》请求处理完成,响应已就绪
status:OK------》200
未找到页面-------》404
当服务器响应就绪,说明我们可以将服务器请求的信息展示在页面,有如下操作:
xmlhttp.readystatechange=function(){ if(xmlhttp.readyState==4&&xmlhttp.status==200) { $("#div").text(xmlhttp.responseText); } }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理