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属性上加上响应的链接,且返回一个回调函数

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

  • 相关阅读:
    Help-C#-属性-生成事件:预先生成事件和后期生成事件
    小说-长篇小说:《追风筝的人》
    散文-笔记:《皮囊》
    小说-励志:《妥协的力量》
    ons.ONSFactory.cs
    ons.ONSFactoryAPI.cs
    ons.ONSFactoryPorperty.cs
    System.Object.cs
    ons.MessageOrderListener.cs
    ons.MessageLisenter.cs
  • 原文地址:https://www.cnblogs.com/laine001/p/9281553.html
Copyright © 2011-2022 走看看