Javaweb第二十九天学习
Ajax
Ajax(asynchronous javascript and xml)异步的js,,xml
它可以使用js 访问服务器,而且是异步的
异步交互:
发送一个请求,无需等待服务器响应,就可以发送第二个请求,可以说使用js接受服务器的响应然后使用局部刷新。
同步交互:
发送一个请求,就要等待服务器响应结束才可以发送第二个请求,
Ajax应用场景:
百度的搜索框,当输入一个字就会出先提示框,有10个相关的内容。
注册的时候,如果输入用户名的时候,如果重复就会有提示,这也是异步交互。
Ajax的优缺点:
异步交互:增加了用户体验
性能:因为服务器无需再响应整个页面,只需要响应部分内容,所以服务器的压力减轻了。
缺点:
不可以应用在所有的场景,增加了对服务器的交互次数,增加服务器的压力。
Ajax发送异步请求(四部)
1 第一步: 得到(XMLHttpRequest)
大多数浏览器都支持Var xmlHttp = new XMLHttpRequest();
2 第二步:(打开和服务器的链接)
xmlHttp.open(“GRT”,”/day23_1/Aservlet”,true);需要三个参数1 请求方式 get,post请求的URL 指定服务器资源,例如/Aservlet;请求是否异步:如果是true表示异步。否则同步
3 第三步:(发送请求)
xmlHttp.send(null);参数就是请求体的内容如果是GET,就必须给出NULL。
4 第四步()
在xmlHttp对象的一个事件上注册监听器:onreadystatechang
xmlHttp对象一共有五个状态
得到状态var stat xmlHttp.readyState;
得到服务器的响应的状态码
Var status = xmlHttp.status;
得到服务器的响应的内容:
Var context = xmlHttp.responseText;
Var context = xmlHttp.responseXML;//返回document对象
Xstream
可以把JavaBean转化为xml
核心jar包:xstream-1.4.7.jar xpp3_min-1.1.4c
使用步骤:Xstream xstream = new XStream();
String s = xstream.toXML(javabean);
System.out.println(s);
使用细节:
别名:把类型对应的元素名修改了
Xstream.alias(“chian”,List.class);
Xstream.alias(“province”,province.class);
JSON
1 是js提供的一种数据交换格式!
Json的语法:{}:是对象
属性名必须使用双引号括起来!单引号不行。
属性值有null ,数值,字符串,数组,Boolean
应用:var person = {“name”:”zhagnsan”,”age”:18};
json与xml 比较:
————————————————
版权声明:本文为CSDN博主「swh18337397695」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/swh18337397695/article/details/80502431
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端