您的位置:首页 > 运维架构 > 网站架构

Ajax--让网站与时俱进

2012-01-15 03:37 363 查看
======================================================

注:本文源代码点此下载

======================================================

一。加载数据
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文件根据请求注入到标签
$(document.createemement('script')).attr('src','http://example.com/example.js').appendto('head');
2.使用这个html标签来加载远程数据。

======================================================

在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定
这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: