Ajax之深入了解

2021-07-22 07:13:16 字數 1917 閱讀 9394

上一節,我們說了一些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

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

深入了解Dojo Data

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