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>