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^)/
注:本文源代码点此下载
======================================================
一。加载数据
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^)/
相关文章推荐
- Ajax--让网站与时俱进
- C#也能PS图片,还能为网站Ajax上传图片同时生成微缩图(附Demo)
- 分享7个我常去的国外Ajax&Jquery网站
- php ajax网站浏览统计功能的简单实现第1/2页
- ASP.Net AJAX+userControl+js实现仿igoogle效果网站
- 10个非常棒的Ajax及Javascript实例资源网站
- 网站架构--ajax跨域问题总结--方法以及调试
- ajax网站拖拽效果
- 推荐一个基于Ajax的查询API网站
- ASP.Net网站开发ajax局部刷新问题
- Ajax原理详细说明(转自ibm开发者网站)
- 网站建设中的Ajax请求与浏览器缓存
- ASP.NET动态网站制作(26)-- Ajax
- ajax教程---整理w3c-school教程网站ajax部分内容
- 理解AJAX工作原理 构建网站的有效方法(5)
- Ajax原理详细说明(转自ibm开发者网站)
- 谷歌的ajax.googleapis.com被墙导致访问很多国外网站很慢的解决方法
- 怎么使用jquery的ajax和getJSON函数连接Declicious网站获得漂亮书签的个数
- ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
- 分享7个我常去的国外Ajax&Jquery网站