Jquery具體實例介紹AJAX何時用,AJAX應(yīng)該在什么地方用
在jquery中ajax實現(xiàn)方法分類很多種,如有:load、jQuery.get、jQuery.post、jQuery.getScript、jQuery Ajax 事件、jQuery.ajaxSetup等等,前面幾種為常用的也是用得最多的jquery ajax方法了.
網(wǎng)站開發(fā)時,ajax是一個非常方便的工具,它具有和表單相同的功能完成前端和后臺之間的交互!它起到局部刷新的功能!那什么時候用ajax呢?下面給大家介紹幾個實例,首先應(yīng)該分為兩類:
一、在用表單和ajax都可以完成某個功能時,只是使用ajax更加的快速、方便。
1,在網(wǎng)站文章下面的評論上面使用ajax!它在用戶提交評論時利用ajax將內(nèi)容傳到后臺,在將后臺的數(shù)據(jù)利用js傳輸出來并顯示到頁面。這個過程只是刷新了頁面的評論模塊,文章等其他內(nèi)容沒有刷新,這樣比表單的速度不是快了許多么?
2,局部翻頁可以使用ajax,比如當文章評論多了的時候我們需要分頁那么我們可以用ajax,跟上面道理一樣他只刷新了頁面的評論并沒有刷新文章從而提高了速度!
二、有些功能表單無法實現(xiàn),只能使用ajax!
1,大家看下面這個搜索功能
如果我利用表單去提交搜索商品的信息,之后再將數(shù)據(jù)傳輸出來!那樣會造成一個問題,就是用戶在刷新的時候它不能返回到原來的頁面還是保持你搜索商品的頁面,這個只有用ajax來完成!
2,當用戶注冊時校驗用戶名是否存在!這個就是獲取用戶鼠標離開注冊框的事件后將用戶的賬號提交到后臺驗證,然后根據(jù)校驗情況再返回到前臺信息,這個表單是不能做到的!當然你可以在用戶提交全部注冊信息的時候再校驗,這樣可以用表單不過用戶體驗不好!
3,我們可以用ajax來代替iframe框架!這個很簡單就不多說啦!
最后,在使用ajax的時候要注意幾點:
第一,如何將php數(shù)據(jù)轉(zhuǎn)化為js數(shù)組大家可以看看我的別一篇文章,將php數(shù)組轉(zhuǎn)js數(shù)組,js如何接收PHP數(shù)組,json的用法
第二,當用ajax在頁面上添加或者修改內(nèi)容時,普通jQuery獲取對象的方法是無效的,這時候可以使用live()或者on()方法,jQuery獲取動態(tài)添加的元素,live和on的區(qū)別
以上內(nèi)容就是小編通過實例給大家介紹的ajax何時用,該用在什么地方的具體內(nèi)容,希望大家喜歡。
相關(guān)文章
通過Ajax進行Post提交Json數(shù)據(jù)的方法
下面小編就為大家分享一篇通過Ajax進行Post提交Json數(shù)據(jù)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03ajax動態(tài)查詢數(shù)據(jù)庫數(shù)據(jù)并顯示在前臺的方法
今天小編就為大家分享一篇ajax動態(tài)查詢數(shù)據(jù)庫數(shù)據(jù)并顯示在前臺的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Ajax與mysql數(shù)據(jù)交互實現(xiàn)留言板功能
最近自己做了一個小demo,實現(xiàn)了Ajax與MySQL的數(shù)據(jù)交互,js部分用的是jq,后臺用的是PHP,數(shù)據(jù)庫是mysql,下面通過本文給大家詳細介紹下2016-12-12