Ajax之深入了解

上一節，我們說了一些ajax的基礎知識，包括常用的get方法，現在，我們接著來講講post方法，以及利用get方法或post方法實現分頁顯示的功能。

以下我們來說說get和post兩種方法的區別。詳見**


//get方法
//建立ajax物件
//建立鏈結
xhr.open('get','/getcity?city='+city.value);
//傳送請求
xhr.send();
//接收返回值
xhr.onreadystatechange = function
(e)        }
e.preventdefault();
};//get方法
//建立ajax物件
//建立鏈結
xhr.open('post','/postcity');
//新增請求頭
//傳送請求
xhr.send('city='+city.value);
//接收返回值
xhr.onreadystatechange = function
(e)       e.preventdefault();     
};      
script>

作為前端程式設計師，後台的資料我們很少涉足，但是有些介面還是需要了解一些，畢竟，前端和後台的分解不是那麼明顯，下面我們簡單的寫兩個介面比較、了解一下。

//get
router.get('/getcity',function
(req, res, next),];
res.send(city);
res.end();
});//post
router.post('/postcity',function
(req, res, next));

以上就是對ajax的小小總結，接下來我們來寫乙個分頁顯示的例項


lang="en">
charset="utf-8">
title>
a        ul
style>
head>
id="box">
div>
body>
src="../routes/data1.js">
script>
var size = 10;
document.body.addeventlistener('click',function
(e)        e.preventdefault();
});getdata(1);
function
getdata
(index)
};xhr.send();
}function
doresult
(data)
var box = document.getelementbyid('box');
box.innerhtml = html;
var ul = document.createelement('ul');
json.data.foreach(function
(item))
}script>
html>

後台介面

router.get('/song', function(req, res, next));
res.end();
});

資源是乙個單獨的資料夾，由於內容太多，這裡我就不再上傳，有興趣的同學可以自己試試哦

深入了解A

一前言在這裡我將對a 演算法的實際應用進行一定的並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹，如果你還對a 演算法不清楚的話，請看姊妹篇初識a 演算法這裡所舉的例子是參考amit主頁中的乙個源程式，使用這個源程式時，應該遵守一定的公約。二 a ...

深入了解A

深入了解Dojo Data

譯自http www.sitepen.com blog 2010 10 13 dive into dojo data 使用dojo data有助於快速建立web應用的介面，且易於嵌入各種資料來源。它在使用者介面與底層資料之間提供了一層抽象層，使得使用者介面開發人員能夠專注於ui的開發，而無需擔心資料...

Ajax之深入了解

深入了解A

深入了解A

深入了解Dojo Data

相關推薦