Ajax异步交互
文章平均质量分 87
从原生代码开始,分析交互状态,逐渐深入
好汉不吃草
Accept your ordinary and try your best to be different.
展开
-
XML基础知识
XML基础知识XML 是一种类似于HTML的可扩展标记语言(EXtensible Markup Language)。XML中的标签需要由用户自己定义,因此它经常被用在数据传输过程中的数据存储或作为配置文件。XML语法说明XML中除了标签是自己定义的之外,其他用法均与HTML相同。XML文件最前端应声明前导:<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>属性含义versionXML文件版本号,有且只原创 2020-06-12 09:30:40 · 195 阅读 · 0 评论 -
使用DOM解析XML
使用DOM解析XMLDOM在内存中属于树形结构,当应用程序使用DOM解析时,首先要将读取到程序中的XML文件转换为DOM树,因此使用DOM解析的并不是文件本身,而是读取到内存中的DOM树。DOM标准接口在XML解析的过程中,最大的接口为org.w3c.dom.Node接口,在Node接口中提供有如下主要方法:No返回值方法名称描述1NodeappendChild(Node newChild)将节点 newChild添加到此节点的子节点列表的末尾2NodeList原创 2020-06-12 14:09:24 · 656 阅读 · 0 评论 -
SAX解析XML文件
SAX解析XML文件使用SAX解析时,首先要定义一个专属的解析器,这个解析器必须继承一个父类org.xml.sax.helpers.DefaultHandler,在这个类中有如下方法:No返回值方法名描述1voidstartDocument()文档开始读取时触发2voidendDocument()文档读取完毕后出发3voidstartElement(String uri, String localName, String qName, Attribut原创 2020-06-12 16:49:36 · 1001 阅读 · 0 评论 -
使用DOM4J解析XML
使用DOM4J解析XMLDOM4J同时具备了DOM写入和SAX读取的操作,并做了存储优化,使用DOM4J时要导入dom4j的开发包dom4j-x.x.x.jar。DOM4J提供有自己的一堆实现类库:DocumentHelper工具类:org.dom4j.DocumentHelperNo返回值方法名描述1DocumentcreateDocument()创建新的文档2ElementcreateElement(String name)创建新的文档,同时设置根元素原创 2020-06-12 17:49:03 · 303 阅读 · 0 评论 -
原生Ajax基础操作
原生Ajax基础操作Ajax(Asychronous JavaScript And XML)即异步的JavaScript与XML,其本质是一种局部刷新技术。Ajax的使用主要是依靠“XMLHttpRequest"对象,如果想创建这个对象则还要考虑到不同浏览器的兼容问题。 var xmlHttpRequest;//表示Ajax的主要处理对象 function create(){//函数功能为创建XMLHttpRequest对象 if(window.XMLHttpReque原创 2020-06-13 10:30:37 · 247 阅读 · 0 评论 -
原生Ajax级联菜单
原生Ajax级联菜单在用户填写地址的时候,可能选择省份,而后在选择对应的城市,此时我们应让出现的可选城市都在选好的省份中。1.VO类package com.ajax.vo;import java.io.Serializable;@SuppressWarnings("serial")public class Province implements Serializable{ private Integer prid; private String proName; pr原创 2020-06-13 18:50:24 · 241 阅读 · 0 评论 -
Java操作JSON
Java操作JSON使用java操作JSON数据首先要导入相关的jar包:JSON数据的处理主要依靠两个类来完成:JSONObject、JSONArray,它们之间可以相互包含。生成JSON数据package com.ajax.json;import net.sf.json.JSONArray;import net.sf.json.JSONObject;public class JSONTestB { public static void main(String[] args)原创 2020-06-14 08:47:16 · 519 阅读 · 0 评论 -
JavaScript操作JSON
JavaScript操作JSONJavascript可以直接定义一个JSON对象:<script type="text/javascript"> var obj = {"name":"大明","age":38}; window.console.log(obj);</script>在JSON对象中还可以定义JS函数<script type="text/javascript"> var obj = {"name":"大明","age":8原创 2020-06-14 09:52:44 · 294 阅读 · 0 评论 -
反向Ajax
反向Ajax正向Ajax由页面发出一个Ajax请求给控制器处理。反向Ajax与正向Ajax的区别在于推送功能,即可以由控制器主动发起,推送消息到客户端。反向Ajax实现推送功能1.为Servlet添加为支持反向Ajax@WebServlet(urlPatterns = "/MessageServlet/*",asyncSupported = true)2.反向Ajax的处理在于线程,由于用户的所有请求都有doGet()或者doPost()来处理,如果想要线程现成的操作,就必须将每一个用户封原创 2020-06-16 09:24:58 · 378 阅读 · 0 评论 -
HTML5对Ajax操作的加强
HTML5对Ajax操作的加强原生Ajax的操作过于繁琐,HTML5中简化了Ajax的操作。在HTML5中,对XMLHttpRequest对象新增了以下属性。No属性描述1abort请求被终止2error请求失败3load请求成功完成4loadend请求完成,无论是成功还是失败5loadstart请求开始6progress触发以提示请求的进度7readstatechange请求生命周期的不同阶段触发,与HTML中一致原创 2020-06-16 10:42:19 · 245 阅读 · 0 评论 -
WebSocket搭建简单的聊天室
WebSocket搭建简单的聊天室从Servlet3.1开始,Tomcat中就增加了一个websocket-api.jar开发包,这个包可以进行WebSocket程序开发,并且是基于Annotation注解的形式配置的。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。搭建简单原创 2020-06-16 18:22:31 · 424 阅读 · 0 评论 -
jQuery对Ajax的支持
jQuery对Ajax的支持在jQuery中提供有$.ajax()方法,该方法有如下常用参数:No设置参数描述1urlAjax的执行处理路径2method表示当前发出的Http请求模式,get或者post3data向服务器传递的参数集合4dataType服务器返回数据类型(text、json、xml、html、jsonp、script)5success处理成功后执行的回调函数6error请求失败时的处理函数使用Ajax处理原创 2020-06-17 16:59:48 · 317 阅读 · 0 评论