ajax入门笔记

最新推荐文章于 2024-03-18 22:09:42 发布

一天一篇的博客

最新推荐文章于 2024-03-18 22:09:42 发布

阅读量351

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/hardgirls/article/details/52856372

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

首先说一下我目前对ajax的理解：

1、可以自己模拟数据，然后请求页面，并请求ajax；

2、维基百科上面介绍的是：

ajax不是一种新技术，她是异步的javascript和xml技术，是一种综合了很多项技术的浏览器端的网页开发技术（什么是浏览器端的技术，什么是服务器端的技术，什么是异步，看来得学习网络了）；

优点：之前的form表单请求，是整个页面（包含html代码）和服务器进行响应，所以这时，响应的大部分数据都是html代码，而我们真正需要给服务器的只是那一点点的form表单里面的数据，所以造成了很大的宽带浪费，响应时间长，ajax则仅仅是将页面的数据抽取出来和服务器进行请求响应，这是我目前的理解，如有理解错误，非常希望帮我提出来；

AJAX即“Asynchronous JavaScript and XML”（异步的JavaScript与XML技术），指的是一套综合了多项技术的浏览器端网页开发技术。Ajax的概念由杰西·詹姆士·贾瑞特所提出[1]。

传统的Web应用允许用户端填写表单（form），当送出表单时就向网页服务器发送一个请求。服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向服务器发送请求，应用的回应时间依赖于服务器的回应时间。这导致了用户界面的回应比本机应用慢得多。

与此不同，AJAX应用可以仅向服务器发送并取回必须的数据，并在客户端采用JavaScript处理来自服务器的回应。因为在服务器和浏览器之间交换的数据大量减少（大约只有原来的5%）[来源请求],服务器回应更快了。同时，很多的处理工作可以在发出请求的客户端机器上完成，因此Web服务器的负荷也减少了。

类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。虽然其名称包含XML，但实际上数据格式可以由JSON代替，进一步减少数据量，形成所谓的AJAJ。而客户端与服务器也并不需要异步。一些基于AJAX的“派生／合成”式（derivative/composite）的技术也正在出现，如AFLAX。

---摘自维基百科ajax

w3c上面介绍

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

以下是我在工作中常用到的一些代码：

一、基本代码

</pre><pre name="code" class="javascript">$.ajax({
	type: "post",//如果是get则为在地址中展示传送的数据
	url : "//请求发送的地址",
	//data需要传递给后台的数据</span>
        data: {"students":students,"vipOrderDataInputStrs":orderInfor}
        dataType："json",//也可以是xml，等其他格式
        success: function(data){//ajax请求成功后的代码}

以上是一个基本的ajax的请求，刚来的时候完全没接触过ajax所以像看天书一般，然后带我的两个老师都说这个很简单，就这几行，但是我都不知道这几行干嘛用的，所以别人扶着我做完了第一个任务，现在虽然也不是很懂，但是copy的多了，见得多了，就明白了。