前端部分着重点

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

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

原文地址:https://www.cnblogs.com/laine001/p/9281553.html