zoukankan      html  css  js  c++  java
  • 前端部分着重点

    一、ajax的实现原理及优缺点:

    1. 首先ajax的全称为Asynchronous JavaScript and XML即异步的JavaScript和XML,

      其最大的优点是:# 在不重新加载整个页面的情况下,可以与服务器交换数据并更新网页的部分内容。

      # 使用异步与服务器通信,不打断用户的操作

      # 使用ajax请求减轻了后端的工作,减少服务器与带宽的负担

      # 基于规范,被广泛支持

      其缺点: # 不支持back后退按钮,破坏了浏览器的后退机制

      # 安全性不够高

      # 

    2. 一张图看懂ajax的工作原理

      

      ①事件驱动,创建xml实例对象,发送请求②服务器创建response对象并返回给浏览器③浏览器(开发者)收到响应后,更新数据(运行响应成功后的js脚本)

    3. 简单实例的代码表示:

      get请求:

    var xhr = new XMLHttpRequest();
    //有get请求和post请求,请求路径,异步/同步加载(可选,默认为true)
    xhr.open("GET","index.txt",true); xhr.send(); xhr.onreadystatechange=function(){ //响应成功时运行 if (xmlhttp.readyState==4 && xmlhttp.status==200){ console.log("success")
        //div.innerHTML = xmlHttp.responseText; //添加内容 } }

      post请求:(需加入请求头信息)(xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"))

      ------------------------------------------------------------------------------------

       get请求和post请求的区别:

      1.GET请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给WEB服务器

      2.GET请求参数会拼接到路径的后边,格式:http://www.baidu.com?key=val$key2=val2....,有长度限制,而POST请求没有                 

      3.GET方式请求的数据会被浏览器缓存起来,某种情况下并不安全。POST请求相对安全

      4.POST请求需加入请求头信息(xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"))

      5.POST请求的请求方式不同(发送方式)

    二、jsonp请求与ajax请求的区别及其实现原理

      jsonp请求的原理是动态的创建script标签,然后给其src属性上加上响应的链接,且返回一个回调函数

    待更。。。。。。。。。。。

  • 相关阅读:
    Unity 鼠标控制视角功能和动画播放冲突解决办法
    Unity5.6.4f1 配置WebGL教程
    动态生成圈形+文字的图片
    mysql 常用操作语句
    ideal环境maven自动下载项目依赖配置
    java调用c#dll文件配置
    项目部署到阿里云遇到数据库和访问问题解决记录
    uni-app打印
    JS将时间对象输出为(12小时制和24小时制)的字符串
    基于H5的摄像头视频的采集与传输
  • 原文地址:https://www.cnblogs.com/laine001/p/9281553.html
Copyright © 2011-2022 走看看