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

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