當(dāng)前位置:首頁 >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

jQuery具體實(shí)例介紹什么時(shí)候用ajax,ajax應(yīng)該在什么地方使用

 2015-10-08 17:19  來源: 用戶投稿   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過

網(wǎng)站開發(fā)時(shí),ajax是一個(gè)非常方便的工具,它具有和表單相同的功能完成前端和后臺(tái)之間的交互!它起到局部刷新的功能!那什么時(shí)候用ajax呢?下面給大家介紹幾個(gè)實(shí)例,首先應(yīng)該分為兩類:

一、在用表單和ajax都可以完成某個(gè)功能時(shí),只是使用ajax更加的快速、方便。

1,在網(wǎng)站文章下面的評(píng)論上面使用ajax!它在用戶提交評(píng)論時(shí)利用ajax將內(nèi)容傳到后臺(tái),在將后臺(tái)的數(shù)據(jù)利用js傳輸出來并顯示到頁面。這個(gè)過程只是刷新了頁面的評(píng)論模塊,文章等其他內(nèi)容沒有刷新,這樣比表單的速度不是快了許多么?

2,局部翻頁可以使用ajax,比如當(dāng)文章評(píng)論多了的時(shí)候我們需要分頁那么我們可以用ajax,跟上面道理一樣他只刷新了頁面的評(píng)論并沒有刷新文章從而提高了速度!

二、有些功能表單無法實(shí)現(xiàn),只能使用ajax!

1,大家看下面這個(gè)搜索功能

如果我利用表單去提交搜索商品的信息,之后再將數(shù)據(jù)傳輸出來!那樣會(huì)造成一個(gè)問題,就是用戶在刷新的時(shí)候它不能返回到原來的頁面還是保持你搜索商品的頁面,這個(gè)只有用ajax來完成!

2,當(dāng)用戶注冊(cè)時(shí)校驗(yàn)用戶名是否存在!這個(gè)就是獲取用戶鼠標(biāo)離開注冊(cè)框的事件后將用戶的賬號(hào)提交到后臺(tái)驗(yàn)證,然后根據(jù)校驗(yàn)情況再返回到前臺(tái)信息,這個(gè)表單是不能做到的!當(dāng)然你可以在用戶提交全部注冊(cè)信息的時(shí)候再校驗(yàn),這樣可以用表單不過用戶體驗(yàn)不好!

3,我們可以用ajax來代替iframe框架!這個(gè)很簡(jiǎn)單就不多說啦!

最后,在使用ajax的時(shí)候要注意幾點(diǎn):

第一,如何將php數(shù)據(jù)轉(zhuǎn)化為js數(shù)組大家可以看看我的別一篇文章,將php數(shù)組轉(zhuǎn)js數(shù)組,js如何接收PHP數(shù)組,json的用法

第二,當(dāng)用ajax在頁面上添加或者修改內(nèi)容時(shí),普通jQuery獲取對(duì)象的方法是無效的,這時(shí)候可以使用live()或者on()方法,jQuery獲取動(dòng)態(tài)添加的元素,live和on的區(qū)別

轉(zhuǎn)載請(qǐng)注明出處:

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
jquery教程

相關(guān)文章

熱門排行

信息推薦