http与ajax的区别

两者本质区别:

  • AJAX通过xmlHttpRequest对象请求服务器服务器接受请求返数据实现刷新交互
  • 普通http请求通过httpRequest对象请求服务器接受请求返数据需要页面刷新

AJAX请求头会多一个x-requested-with参数,值为XMLHttpRequest

什么是Ajax:Ajax(Asynchronous Javascrpt And Xml)是一种运用于浏览器的技术,它可以在浏览器与服务器之间使用异步通信机制进行数据通信,从而允许浏览器向服务器获取少量信息而不是刷新整个页面。Ajax并不是一种新的技术,或者说它不是一种技术,它只是多种技术的综合:Javascript、Html、Css、Dom、Xml、XMLHttpRequest等技术按照一定的方式在协作中发挥各自的作用就构成了Ajax。

XMLHttpRequest是Ajax技术的一个核心,没有它Ajax无从运作。
XMLHttpRequest:XMLHttpRequest是XMLHttp组件的一个对象,使用XMLHttpRequest可以实现浏览器端与服务器端进行异步通信。通过HttpRequest对象,Web应用程序无需刷新页面就可以向服务器提交信息,然后得到服务器端的返回信息

再来谈谈Ajax与websocket、http

其实这三者各有优缺点,websocket、ajax的出现解决的http协议的一些问题,但http依然在很多地方是好的有优势的,ajax是单向(客户端到服务端),http也是单向由客户端发起的,websocket实现了双向,但他们各自有自己适合的使用场景。

原文地址:https://www.cnblogs.com/caiquan/p/10213660.html

时间: 2024-11-07 06:39:42

http与ajax的区别的相关文章

axios/fetch和ajax的区别

axios/fetch和ajax的区别: ajax: + ajax本身是针对mvc编程,不符合现在前端mvvm的浪潮 + 基于原生XHR开发,XHR本身的架构不清晰 + 不符合关注分离的原则 + 配置和调用方式非常混乱,而且基于事件的异步模型不友好 axios: + 从浏览器中创建xmlhttprequest + 支持promise API + 客户端支持防止csrf + 提供了一些并发请求的接口(重要) + 从node.js中创建http请求 + 拦截请求和相应 + 转换请求和响应数据 + 自

JSON、JSONP、Ajax的区别

什么是JSON JSON是一种基于文本的数据交换方式,或者叫做数据描述格式. JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级数据格式,占用字符数量极少,特别适合互联网传递: 4.可读性较强,虽然比不上XML那么一目了然,但在合理的依次缩进之后还是很容易识别的: 5.容易编写和解析,当然前提是你要知道数据结构: JSON的缺点当然也有,但在作者看来实在是无关紧要的东西,所以不再单独说明. JSON的格式或者叫规则: JS

$.get(),$.post(),$.ajax()的区别和联系

背景 软考之后,又投入到了项目当中.刚敲几行Web前端代码,就敲不下去了.之前也做过很长一段时间项目,本应该很熟练的啊!哎,都是不及时总结的原因,悔恨中--这不,又遇到了在MVC中传值问题.不会就查,所以查到了题目中的三种方法,然后哪种可以完成自己想要的功能,就用哪种,用的很随意,十分不专业. 接下来,就总结一下这三种方法的区别和联系,努力做到在合适的情况下用合适的方法! 解释 JQuery帮助文档是这样解释这三种方法的. $.get() 通过远程 HTTP GET 请求载入信息.这是一个简单的

关于JQuery中 $.get()、 $.post()、 $.ajax()的区别和使用

首先,这三个方法都是Ajax方法中一种与服务器交换数据的请求类型. 一.$.get() $.get() 方法使用 HTTP GET 请求从服务器加载数据. 使用格式: $.get(url,[data],[callback]) 说明: url为请求地址, data为请求数据的列表(是可选的,也可以将要传的参数写在url里面), callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数. (其中,服务器返回数据的格式其实是字符串形势,

vue-resource获取不了数据,和ajax的区别,及vue-resource用法

前几天用vue-resource调用接口,用post方式给后端,发现后端php接受不到数据,这好奇怪,最后发现提交给后端的时候 需要加一个参数 就是:emulateJSON : true 这句话的意思是 将request body以application/x-www-form-urlencoded content type发送 上个小demo看下 _this.$http.post('/apiwx2/xqsj.php', { 'token' : _this.token, 'house' : _th

webservice跟ajax的区别和相同点

原文地址:http://blog.csdn.net/freshcommonlife/article/details/4041337 webservice跟ajax有如下相同: 1.两个都使用xml技术实现,2.两个都使用http协议.3.两个都实现不同平台不同开发语言间的数据交换 但两又有许多不同1.webservices是服务端技术,主要在后台为各种程序提供服务,使用原有的soap(简单对象访问协议),主要解决的问题是提供一种理想的单位或机构间商业数据安全交换. 2.ajax则是客户端技术,它

转:webservice跟ajax的区别和相同点

webservice跟ajax有如下相同: 1.两个都使用xml技术实现, 2.两个都使用http协议. 3.两个都实现不同平台不同开发语言间的数据交换 但两又有许多不同 1.webservices是服务端技术,主要在后台为各种程序提供服务,使用原有的soap(简单对象访问协议),主要解决的问题是提供一种理想的单位或机构间商业数据安全交换. 2.ajax则是客户端技术,它使用已经广泛使用的xmlhttp技术,它主要解决的问题是目前浏览器被动地位,使得客户端可以主动性从服务器获取信息,变成一个富客

websocket与ajax的区别浅析

1.本质不同 Ajax,即异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术: WebSocket是HTML5一种新的协议,实现了浏览器与服务器全双工通信.其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接,服务端与客户端通过此TCP连接进行实时通信. 2.生命周期不同. websocket建立的是长连接,在一个会话中一直保持连接:而ajax是短连接,数据发送和接受完成后就会断开连接. 3.适用范围不同 websocket一般用于前后端实时数据

前端随心记---------Axios/fetch/ajax的区别

一.jQuery  ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱. JQuery ajax 是对原生