隨著互聯網技術的不斷發展,越來越多的網站開始采用ajax與html5技術。ajax是指異步JavaScript和XML,通過它可以實現局部刷新,提高用戶體驗,減少數據傳輸量。
下面是一個ajax的示例代碼:
var xhr = new XMLHttpRequest(); xhr.open('GET', '/data', true); xhr.onreadystatechange = function(){ if(xhr.readyState === 4 && xhr.status === 200){ document.getElementById('output').innerHTML = xhr.responseText; } } xhr.send(null);
該代碼使用了XMLHttpRequest對象來向服務器發送異步請求,當狀態碼和響應值均正常時,更新頁面的輸出內容。
另一方面,html5提供了許多新的特性,例如語義化標簽、本地存儲、canvas等,增強了網站的交互性和可訪問性。
以下是一個簡單的html5代碼示例,展示了如何使用canvas標簽繪制圖形:
var c = document.getElementById('myCanvas'); var ctx = c.getContext('2d'); ctx.beginPath(); ctx.arc(95,50,40,0,2*Math.PI); ctx.stroke();
該代碼使用了canvas標簽和getContext()方法來獲取繪圖上下文,繪制一個圓形。
上一篇ajax傳輸html代碼
下一篇mysql在列中插入內容