• Ajax


    Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)

    • 运用XHTML+CSS来表达资讯;

    • 运用JavaScript操作DOM(Document Object Model)来执行动态效果;

    • 运用XML和XSLT操作资料;

    • 运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换;

    • 注意:AJAX与Flash、Silverlight和Java Applet等RIA技术是有区分的

    原生js ajax请求

    //创建 XMLHttpRequest 对象
    var ajax = new XMLHttpRequest();
    //规定请求的类型、URL 以及是否异步处理请求。
    ajax.open('GET',url,true);
    //发送信息至服务器时内容编码类型
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    //发送请求
    ajax.send(null);  
    //接受服务器响应数据
    ajax.onreadystatechange = function () {
        if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { 
        }
    };

    常用的post,get,delete,put请求方式

    ###代码上的区别
     1:get通过url传递参数
     2:post设置请求头  规定请求数据类型
    ###使用上的区别
     1:post比get安全
     (因为post参数在请求体中。get参数在url上面)
     2:get传输速度比post快 根据传参决定的。
     (post通过请求体传参,后台通过数据流接收。速度稍微慢一些。而get通过url传参可以直接获取)
     3:post传输文件大理论没有限制  get传输文件小大概7-8k ie4k左右
     4:get获取数据  post上传数据
     (上传的数据比较多  而且上传数据都是重要数据。所以不论在安全性还是数据量级 post是最好的选择)

    XMLHttpRequest对象的常用方法和属性

    open(“method”,”URL”) 建立对服务器的调用,第一个参数是HTTP请求 方式可以为GET,POST或任何服务器所支持的您想调用的方式。
    第二个参数是请求页面的URL。
    send()方法,发送具体请求
    abort()方法,停止当前请求
    readyState属性 请求的状态 有5个可取值0=未初始化 ,1=正在加载
    2=以加载,3=交互中,4=完成
    responseText 属性 服务器的响应,表示为一个串
    reponseXML 属性 服务器的响应,表示为XML
    status 服务器的HTTP状态码,200对应ok 400对应not found

    $.ajax()方法详解 https://www.cnblogs.com/zhang1f/p/12463738.html

  • 相关阅读:
    SpringMVC的下载
    上传的前台实现
    SpringMVC自定义视图解析器的使用
    SpringMVC的Model对象的使用
    SpringMVC中使用作用域对象完成数据的流转
    SpringMVC的响应介绍
    SpringMVC的静态资源放行配置
    SpringMVC的静态资源放行
    SpringMVC的编码过滤器配置
    pymysql
  • 原文地址:https://www.cnblogs.com/yuntianblog/p/14514912.html
Copyright © 2020-2023  润新知