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

原文地址:https://www.cnblogs.com/AngelLee2009/p/1977758.html