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标签来加载远程数据。