Ajax让网站与时俱进

一。加载数据

1.追加Html

$('#dictionary').load('a.html');

2.操作JavaScript

$.getJSON('b.json',function(){});

3.加载XML文档

$.get('d.xml',function(data){});

二。选择数据格式：

Html:不需要与其它程序共享数据的情况下，以HTML片段提供外部数据。

JSON:数据可重用，性能和大小方面具有优势。

XML:良好的互操作性。

三。向服务器传递数据

1.get：$.get('e.php',{'term':$(this).text()},function(data){});

2.post： $.post('e.php',{'term':$(this).text()},function(data){});

说明：.load()方法在接收到映射参数时，会默认使用POST方法发送请求。

3.序列化表单：$.get('f.php',$(this).find('input').serialize(),function(data){});

 serialize()方法，用于一个jQuery对象，将匹配的DOM元素转换成能够随Ajax请求传递的查询字符串。但无法完美模拟浏览器提交。

四。关注请求：

.ajaxStart()

.ajaxStop()

.ajaxError()

五。安全限制：

 通过Ajax请求取得其他站点的数据：

1.通过服务器加载远程数据，然后在客户请求时提供给浏览器。

2.不通过服务器的参与加载远程地址中的数据，则加载外来JS文件根据请求注入到<script>标签

$(document.createEmement('script')).attr('src','http://example.com/example.js').appendTo('head');

2.使用<iframe>这个Html标签来加载远程数据。