码迷,mamicode.com
首页 > 其他好文 > 详细

前端部分着重点

时间:2018-07-08 23:13:48      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:web服务   ica   htm   同步   www.   服务器   相对   重点   OLE   

一、ajax的实现原理及其中的get请求和post请求的区别。

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

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

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请求的请求方式不同(发送方式)

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

前端部分着重点

标签:web服务   ica   htm   同步   www.   服务器   相对   重点   OLE   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!