ajax

作者: xiongsirui | 来源:发表于2016-08-28 23:08 被阅读8次

一、文件上传原理分析
1、前提
form表单method必须是post
form表单enctype必须是multipart/form-data
2、form表单enctype告知服务器,请求正文MIME类型
application/x-www-form-urlencoded
3、原理:对请求正文的解析
二、借助第三方上传组件
commons-fileupload
commons-io
三、上传编码
四、上传时遇到的问题
五、监听器
六、Servlet规范中的8个监听器
ServletContextListener
HttpSessionListener
ServletRequestListener ServletContextAttributeListener
HttpSessionAttributeListener ServletRequestAttributeListener
HttpSessionBindingListener
HttpSessionActivationListener


image.png

一、AJAX简介
AJAX :Asynchronous JavaScript And XML指异步 JavaScript 及 XML
不是新的语言,老技术JavaScript、XML、HTML、CSS的新用法。


image.png
AJAX支持web交互方式 -异步

二、同步VS 异步


image.png

三、AJAX引擎:XmlHttpRequest对象(面试)
JavaScript对象,目前大部分浏览器都支持。
1、创建该对象


image.png

2、属性
readyState:只读的。返回的是short类型。
作用:标识着XMLHttpRequest对象的当前状态。


image.png

0:未初始化
1:open方法已经调用了
2:send方法已经调用了
3:接收到了响应消息头,但没有接收到正文
4:接收到了响应正文。响应结束
responseText:只读的。返回的是String
作用:接收服务器返回的文本类型的正文数据。
responseXML:只读的。返回的是Document对象(JS中文档模型)
作用:接收服务器返回的XML类型的正文数据。
status:只读的。返回的是short
作用:接收服务器返回的响应状态码
statusText:只读的。返回的是String
作用:接收服务器返回的响应吗描述

3、方法
getAllResponseHeaders():返回所有的响应消息头。是一个String字符串。
getResponseHeader(headerName):返回指定头的值。是一个String字符串。
open(String method,String url,boolean async):建立与服务器的链接。
method:请求方式。GET|POST
url:请求的服务器地址。
async:是否是异步。true是异步的。默认就是true。
send(String data):发出请求。data参数是请求正文的内容数据。
setRequestHeader(String headerName,String headerValue):设置请求消息头。

4、事件处理器
nreadystatechange:指向一个函数,用于做事件处理。
XMLHttpRequest对象的readyState的每次变化都会触发onreadystatechange指向的事件处理器。

四、AJAX编码步骤


image.png

五、两个简单案例
1、检查用户名是否可用


image.png

2、返回商品的详细信息

Xstream是一个简单类库用来转换java对象成为XML和转换XML成为java对象。

六、服务器返回XML数据
七、服务器返回JSON数据

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:ajax

      本文链接:https://www.haomeiwen.com/subject/quotettx.html