現在作為一名自學前端開發的學生,對網站的前端與後台數據交互不懂,想學習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 人員被稱為「網頁重構工程師」?
※哪裡可以比較系統的學習前端代碼瀏覽器兼容問題?