zoukankan      html  css  js  c++  java
  • ajax

    1.js原生的ajax
      是什么:异步的 JavaScript 和 XML

      

    详细说明: AJAX全称“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术: 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XMLXSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。
    类似于DHTMLLAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。


      特点:局部刷新
    如何实现?
      (1)创建XHR核心对象对象
        var xhr = new XMLHttpRequest();
      (2)与服务器端建立连接
        xhr.open(请求方式,请求地址,是否异步);
        xhr.open("get","student.json",true);
      (3)向服务端发送数据
        xhr.send("123");
      (4)接收服务器端的响应数据
        xhr.onreadystatechange = function(){
          if(xhr.readyState===4 && xhr.status===200){
            console.log(xhr.responseText)
          }
        }
        xhr.readyState
    0: 请求未初始化
    1: 服务器连接已建立
    2: 请求已接收
    3: 请求处理中
    4: 请求已完成,且响应已就绪
    xhr.status===200
    200:服务器响应正常。
    304:该资源在上次请求之后没有任何修改(这通常用于浏览器的缓存机制,使用GET请求时尤其需要注意)。
    400:无法找到请求的资源。
    401:访问资源的权限不够。
    403:没有权限访问资源。
    404:需要访问的资源不存在。
    405:需要访问的资源被禁止。
    407:访问的资源需要代理身份验证。
    414:请求的URL太长。
    500:服务器内部错误。
    2.jquery中的ajax
    $.get(url,data,function(){})
    $.post(url,data,function(){})
    $.getJSON(url,data,function(){})
    3.同步和异步
    同步:发送请求时,等待服务器端的响应
    异步:发送请求后,去做其他事情,不等待服务器端的响应
    4.get和post请求
    与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用;
    GET存在缓存问题,使用GET方法一定要记得清除缓存,不然请求的数据不是最新的;
    GET不安全,明文传输,POST更安全;
    GET适用于小文件,POST没有数量限制;
    GET使用send方法时不传参,POST必须传参;

    走在前端的路上,永不停歇
  • 相关阅读:
    使用form表单上传文件
    繁星——JQuery选择器之层级
    繁星——jquery的data()方法
    running programmer——spring-01(初谈spring)
    django+javascrpt+python实现私有云盘代码
    prometheus+grafana 监控生产环境机器的系统信息、redis、mongodb以及jmx
    运维管理后台
    django+javascrpt+python实现私有云盘
    python logging模块
    python hashlib模块
  • 原文地址:https://www.cnblogs.com/wangsong123/p/10959932.html
Copyright © 2011-2022 走看看