Ajax篇章(一)—原理

前端之家收集整理的这篇文章主要介绍了Ajax篇章(一)—原理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_1@​ @H_404_4@@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@@H_404_4@AJAX即“@H_404_4@A@H_404_4@@H_404_4@synchronous@H_404_4@@H_404_4@J@H_404_4@@H_404_4@avascript +@H_404_4@@H_404_4@X@H_404_4@@H_404_4@ML@H_404_4@@H_404_4@”(异步JavaScript和XML),并@H_404_4@不是一种新的编程@H_404_4@@H_404_4@语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。@H_404_4@@H_404_4@@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@一、特点@H_404_4@@H_404_4@@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@核心对象XMLHTTPRequest@H_404_4@@H_404_4@在不重载页面的情况与Web@H_404_4@服务器交换数据。@H_404_4@
@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@异步数据传输(HTTP 请求),少量信息@H_404_4@
@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@可使因特网应用程序更小、更快,更友好@H_404_4@@H_404_4@@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@二、与传统区别@H_404_4@@H_404_4@@H_404_4@@H_404_4@@H_404_4@
@H_403_1@传统:如果需要更新内容,必须重载整个网页面@H_404_4@@H_404_4@@H_404_4@
Ajax:通过在后台与服务器进行少量数据交换,可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。@H_404_4@
传统(同步)@H_404_4@

@H_403_1@
@H_404_4@
@H_403_1@ ajax方式(异步)@H_404_4@@H_404_4@@H_404_4@


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

@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@三、AJAX、Jquery、Javascript关联@H_404_4@@H_404_4@@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ 老技术,新思想@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ AJAX与JavaScript@H_404_4@@H_404_4@
@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@JavaScript是一种粘合剂使AJAX应用的各部分集成在一起。@H_404_4@@H_404_4@在AJAX中JavaScript主要被用来传递用户界面上的数据到服务端并返回结果。XMLHttpRequest对象用来响应通过HTTP传递的数据,一旦数据返回到客户端就可以立刻使用DOM将数据放到网面上。@H_404_4@@H_404_4@@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ AJAX与Jquery@H_404_4@@H_404_4@@H_404_4@@H_404_4@@H_404_4@
@H_403_1@ @H_404_4@jQuery 提供了用于 AJAX 开发的丰富函数方法)库。@H_404_4@@H_404_4@通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。@H_404_4@@H_404_4@@H_404_4@
@H_403_1@
@H_404_4@@H_404_4@@H_404_4@
四、小结@H_404_4@@H_404_4@
@H_403_1@本篇博文只是比较宏观的介绍了AJAX,通过总结AJAX发现自己越来越不懂,真的是通过总结才知道差距,才知道下一步该怎样去学。做好每一步总结。@H_404_4@@H_404_4@
原文链接:https://www.f2er.com/ajax/164669.html

猜你在找的Ajax相关文章