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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二,當(dāng)用ajax在頁(yè)面上添加或者修改內(nèi)容時(shí),普通jQuery獲取對(duì)象的方法是無(wú)效的,這時(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)文章

熱門(mén)排行

信息推薦