Ajax使用概述

ajax使用概述

​ ajax的優勢在於不重新整理頁面的情況下，更新頁面資料，提公升使用者體驗。

1.核心物件

​ ajax核心物件xmlhttprequest，建立該物件分ie瀏覽器和非ie：

ie:

var xhr = new activexobject('microsoft.xmlhttp');  //最原始
var xhr = new activexobject('msxml2.xmlhttp');  //公升級
非ie：
var xhr = new xmlhttprequest();

​ 核心屬性readystate，ajax的整個過程有5個狀態，對應readystate的0-4的值。

3.核心方法

（1）open：準備ajax請求

open(var1,var2,var3);

var1:請求方式 post/get
var2:請求的後台程式的位址
var3:同步方式（可選） 非同步（true預設值）/同步（false）

send(var);

var:get方式，傳入null即可
post方式，是乙個xml物件

（1） responsetext：以字串形式接收伺服器端返回的資料

（2）respon***ml：以xml格式接收伺服器端返回的資料

（3）onreadystatechange事件：readystate的值每次發生變化都會觸發該事件

5.簡單例項

​ 目標：前台html頁面上設定乙個按鈕，獲取後台程式的返回值。

lang="en">
charset="utf-8">
獲取title>
head>
onclick="getcontent()">獲取button>
// 呼叫send方法傳送ajax請求
xhr.send(null);
}script>
body>
html>

Django中使用ajax技術概述

ajax就是在不重新整理整個頁面的情況下，去更新區域性頁面的內容 無重新整理技術 1.在html編寫js html的 style color red uid class sel status 正常option 凍結option select js的 get 路徑，傳值，請求成功的方法，資料方式 se...

Ajax 使用jQuery 實現Ajax

get post 方式 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title document title 6head 7 script type text j ascript src jquery.js script 8...

Ajax 使用小結

一。使用原生的ajax 即不使用任何框架 1.傳送請求 function startrequest mypara else if window.activexobject if req 2.接收返回的文字或xml，用js處理 二。使用prototype框架 1.傳送請求 var myajax 1 一...