Ajax篇章(一)—原理

前端之家收集整理的这篇文章主要介绍了Ajax篇章(一)—原理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AJAX即“AsynchronousJavascript +XML”(异步JavaScript和XML),并不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

一、特点
核心对象XMLHTTPRequest在不重载页面的情况与Web服务器交换数据。
异步数据传输(HTTP 请求),少量信息
可使因特网应用程序更小、更快,更友好

二、与传统区别
传统:如果需要更新内容,必须重载整个网页面
Ajax:通过在后台与服务器进行少量数据交换,可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统(同步)


ajax方式(异步)



传统:页面端利用表单组织数据,接收新html; 服务 端接收数据返回浏览器
ajax:页面端较多,JS获取页面数据,Ajax引擎发给服务器,注册回调函数;服务器端做的工作少,返回XML或文本数据

页面端:

服务端:



三、AJAX、Jquery、Javascript关联
老技术,新思想
AJAX与JavaScript

JavaScript是一种粘合剂使AJAX应用的各部分集成在一起。在AJAX中JavaScript主要被用来传递用户界面上的数据到服务端并返回结果。XMLHttpRequest对象用来响应通过HTTP传递的数据,一旦数据返回到客户端就可以立刻使用DOM将数据放到网面上。

AJAX与Jquery
jQuery 提供了用于 AJAX 开发的丰富函数方法)库。通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。

四、小结
本篇博文只是比较宏观的介绍了AJAX,通过总结AJAX发现自己越来越不懂,真的是通过总结才知道差距,才知道下一步该怎样去学。做好每一步总结。
原文链接:https://www.f2er.com/ajax/164669.html

猜你在找的Ajax相关文章