2013-01-10 154 views
1

我爲本地社區學院使用PHP,MySql和HTML(通常的嫌疑人)創建了一個學生跟蹤系統。我在該項目的第2版。它尚未完成。現在我在這個項目中的下一步就是讓它「活過來」。目前我一直在閱讀AJAX和Jquery。據我的理解,Jquery是一個Javascript的庫,你可以下載(純文本格式)幷包含到腳本中。我感到困惑的是我應該從哪裏開始下一步呢?我對JQuery/Javascript極其陌生,並且沒有接近理解AJAX的地方。從我讀過的內容來看,Jquery有自己的內置AJAX實現。構建動態網絡應用程序

我們有沒有什麼好的閱讀資源?我目前下載了Jquery in Action,首先是jquery,另一個是來自Oreilly的權威指南。還有什麼我應該知道關於JQuery/AJAX?我是一個正在尋求進一步拓寬知識面的新手。一個正確的方向指南將非常感激。謝謝。

+3

jQuery聖經:http://api.jquery.com –

+0

「我應該從哪裏開始下一步?」 - 我會從重新定義這一步開始。 「活着」是一個模糊的目標。有一些具體的目標。 – Quentin

+0

那麼我想讓我的表更具互動性。我不希望我的同事們不得不打F5來看看哪些新生在等待他們。我希望這類信息能夠自動更新。 – RaGe10940

回答

1

jQuery有基礎版本@官方指南:JQuery Documentation
,你會發現一個文檔,幾乎每個插件下載你得到它的網站上;) 此外,你當然可以問關於做題和谷歌幾乎任何問題,你可能有。

1

可以讀此完美文章:
5 Ways to Make Ajax Calls with jQuery

功能,上述文章中說明:

  • 負載():加載件的HTML到容器DOM。
  • $ .getJSON():使用GET方法加載JSON。
  • $ .getScript():加載JavaScript。
  • $ .get():如果您想進行GET調用並廣泛播放響應,請使用此選項。
  • $ .post():如果要進行POST調用並且不想將響應加載到某個容器DOM,請使用此選項。
  • $ .ajax():如果您在XHR失敗時需要執行某些操作,或者需要動態指定ajax選項(例如,cache:true),請使用此選項。
1

jQuery的& AJAX在一起看起來像:

$('div#id').click(function(){ 
     $.ajax({ 
      type: "POST", 
      url: "file.php", 
      data: "id=1", 
      success: function(data) 
      { 
       if (data == "Success") { 
        window.location.reload(); 
       } else { 
        alert(data); 
       } 
      } 
     }); 
     return false; 
    }) 
2

有了你有你應該做的很好的書籍和jQuery API通過羅裏McCrossan建議。在實現功能時可能遇到的任何其他問題(這些書中沒有描述)(Head First的書籍是一個很好的起點),只需通過Google搜索即可解決。

jQuery的另一個有用的東西是它的插件。它們是可以直接使用的開箱即用庫,只需調用它們的功能即可。這裏有幾個網頁的位置,在那裏你可以找到他們: