Ajax--让网站与时俱进
一。加載數據
1.追加Html
$('#dictionary').load('a.html');
2.操作JavaScript
$.getJSON('b.json',function(){});
3.加載XML文檔
$.get('d.xml',function(data){});
二。選擇數據格式:
Html:不需要與其它程序共享數據的情況下,以HTML片段提供外部數據。
JSON:數據可重用,性能和大小方面具有優(yōu)勢。
XML:良好的互操作性。
三。向服務器傳遞數據
1.get:$.get('e.php',{'term':$(this).text()},function(data){});
2.post: $.post('e.php',{'term':$(this).text()},function(data){});
說明:.load()方法在接收到映射參數時,會默認使用POST方法發(fā)送請求。
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/archive/2011/03/09/1977758.html
總結
以上是生活随笔為你收集整理的Ajax--让网站与时俱进的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: wcf 例子
- 下一篇: 【php数组函数序列】之prev() -