AJAX入门教程实例

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

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

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

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

ajax用在哪里？
简单说是需要连接数据库的地方，但是连接数据库传输的信息量很少，用不着刷新整个页面，这种类型的适合用ajax，避免了属性整个页面带来的资源浪费。


为什么要使用ajax？

减轻服务器的负担，按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。无恻新更新页面，减少用户心理和实际的等待时间。带来更好的用户体验。可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和速写的负担，节约空间和宽带租用成本。可以调用外部数据。基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。进一步促进页面呈现和数据的分离。

怎么使用在JS中使用ajax？使用时我们要了解的基础知识

1，JQuery是什么东西？
是一个JavaScript类库，封装了大量的JavaScript底层代码。

2，JQuery的Ajax操作，对JavaScript底层Ajax操作进行了封装，提供了两种方法进行操作
第一种是底层的$.ajax()操作

[html] view plain copy

1. $.ajax({  
2.             url:"url",  
3.             type:"get",  
4.             dataType:"json",  
5.             data:{  
6.                 userID:"1"  
7.             },  
8.             success:function(response){  
9.   
10.             },  
11.             error:function() {  
12.             }  
13.         });  

[html] view plain copy

1.   

第二种是快捷操作$.get()..$.post()...

[html] view plain copy

1. $.get(  
2.             "url",  
3.             {userID:"123"},  
4.             function(response) {  
5.             }  
6.         )  

[html] view plain copy

1. $.post(  
2.             "url",  
3.             {userID:"123"},  
4.             function(response) {  
5.   
6.             }  
7.         )