現在作為一名自學前端開發的學生,對網站的前端與後台數據交互不懂,想學習ajax,很迷茫,不知從何學起?


如果現在是2005年你說 Ajax 難學我表示理解,可現在是2014年了哇,Ajax 這麼基礎的概念還要扯上「迷茫」?

如果你翻不了牆,用不了 Google,我幫你找到一個學習的地方:AJAX 教程,一定要看!


會jquery嗎,可以先從jquery的ajax入手,會比較簡單。

ajax寫在js腳本里,一般是獲取表單的數據(value)然後傳到php腳本進行處理,再接受返回的數據。jquery的寫法是這樣的:

js腳本

$.ajax({
type:"get",
url:"index.php",
data:{
id:1,
num:2
},
datatype:"json",
success:function(data){ //這裡的data是php返回的數據,參數是data固定不變
alert(data);
//輸出php腳本里"echo" 後面的數值,也就是3
}
})

type是傳值的方式,有get和post,php腳本里取值語句也要用對應的方式。url後面的參數是將數據傳遞到你想要的php腳本路徑,這裡是相對路徑。data是你要傳遞的數據,一般從表單中娶過來後寫成json的形式傳遞。

datatype是獲取數據的格式,success是傳遞成功後的反饋或者使用接收回來的數據,這裡的data參數是php處理後的(你想要的)數據,php那邊對應的是echo後面的東西。

php腳本:index.php

&

前面兩句是取傳過來的數據,分別對應了ajax里data的數值,第三句是一個簡單的數據處理。最後php腳本的輸出值就是echo語句後面的內容,並返回給js腳本里success的function的參數data。


可以參考一下這個問題:

HTML、CSS、JavaScript、PHP、 MySQL 的學習順序是什麼?


如果你覺得你需要學習ajax的話,恐怕你更需要學習一樣網站大概是怎麼運行的。

最經典的前端面試題之一:當你點了百度的搜索按鈕,到你看到搜索結果,這之間發生了一些什麼事情。

可能對於這個面試問題的研究,能夠讓你明白更多的東西


假定你會寫javascript

假定你知道什麼是json

假定你會用怎麼用javascript處理json

那麼請還是先看

AJAX 教程

然後如果還是不明白,請簡單入門php 在自己的電腦上建立一個伺服器

PHP 教程(雖然對你來說可能有些困難,但是很有必要!)

然後我覺得 你可以先不要去 刨根問底,直接寫 上述教程的例子

然後你可能懂了,也可能還不懂~ 沒關係

如果還不懂

假定你不會寫javascript

假定你不知道什麼是json

假定你不會用javascript處理json

那麼請重新學習javascript

在學習 javascript前強烈建議看下

HTML 系列教程

注意看html的基礎部分

然後 先知道 如果沒有ajax 我們怎麼處理數據

然後 繼續 循環這個環節~

最後不要在意上面那些人~ 他們是大牛 不了解我們小菜的世界


請修改一下標題吧,你這水平應該還不算入了門。。。


暈,ajax沒啥玩意吧,誰站出來難為一下我


加油!


我覺得你需要學習的是http協議


w3school上的javascript基礎老老實實過一遍就會了。。。


請修改一下標題吧,你這水平應該還不算入了門。。。


推薦閱讀:

如何理解 React Fiber 架構?
有哪些設計精美的網頁?
如何解決a標籤nest問題?
為什麼 CSS 人員被稱為「網頁重構工程師」?
哪裡可以比較系統的學習前端代碼瀏覽器兼容問題?

TAG:前端開發 | Ajax | jQuery | PHP開發 |