1 <!-- ajax技术的目的是让JavaScript发送的http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。ajax通信的过程不会影响后续JavaScript的执行，从而实现异步
2
3 同步和异步：现实生活中，同步是指同时做几件事情，异步指的是做完一件事后再做另外一件事，程序中的同步和异步是把现实生活中的概念对调，也就是程序中的异步指的是现实生活中的同步，程序的同步是指现实生活中的异步
4
5 局部刷新和无刷新：ajax可以实现局部刷新，也叫无刷新，无刷新指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据，更新页面显示数据的部分，就做到了页面局部刷新
6
7 同源策略：ajax请求页面或者资源只能是同一个域（域名）下面的资源，不能是其他域的资源，这是在设计ajax时基于安全考虑的
8
9 jsonp：ajax只能请求同一个域下的数据或者资源，有时候需要跨域请求数据，就需要用到jsonp技术，jsonp可以跨域请求数据，它的原理主要是利用了<sript>标签可以跨域链接资源的特性，json和ajax原理完全不一样，不过jQuery将他们封装成同一个函数 -->
10
11 <!DOCTYPE html>
12 <html lang="en">
13 <head>
14 <meta charset="UTF-8">
15 <title>Document</title>
16 <script type="text/javascript">
17
18
19 $(function(){
20
21 // json
22 $.ajax({
23 url:'js/data.json',
24 type:'get',
25 dataType:'json'
26 })
27 .done(function(dat){
28 $('.user_login_btn').hide():
29 $('.user_info em').html(dat.name);
30 $('.user_info').show;
31 })
32 .fail(function(){
33 alert('服务超时!');
34 })
35 ;
36 });
37
38 //
39 </script>
40 </head>
41 <body>
42
43 </body>
44 </html>
