新手學習ajax

idisfkj 發布于2019-08-21 16:26 / 3189人閱讀

摘要：對于前端新手的我來說，學習的過程有點痛苦。因為之前的學習全是只與前端有關的像呀這些都還不涉及與后臺數據交互。然后學習看了很多書覺得還是有些懵。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。幫助新手理解是很不錯的。

對于前端新手的我來說，學習ajax的過程有點痛苦。因為之前的學習全是只與前端有關的像css、js呀這些都還不涉及與后臺數據交互。前段時間用JS做了一個2048小游戲。算是JS入門了用了很多排序相關的知識算法。
然后學習ajax看了很多書覺得還是有些懵。可能是我看的有點雜。HTTP協議、json、XML甚至還去看了點node.js
還是沒把ajax搞清楚。不過還好在老師的工作室里，老師把他的服務器借給了用。我在他的服務器里建立了我的文件夾。哈哈哈今天總算明白了點。
今天整理一下

關于ajax

1.AJAX 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。
2.通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個            
  網頁的情況下，對網頁的某部分進行更新。
3.傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。

使用ajax

1.你得有一個服務器
2.服務器上放一個文件（新手用txt就好了，隨便寫點啥）
3.一個HTML前端頁面
4.一個JS文件

我們來做一個小實驗，ajax請求服務器上的text文件
建立ajax.html

再來是ajax.js

function Ajax(url,fnSucc,fnFaild)
             {
                  //1.創建ajax對象
                if(window.XMLHttpRequest)
                 {// code for IE7+, Firefox, Chrome, Opera, Safari
                      var oAjax=new XMLHttpRequest();
                 }
                else
                 {// code for IE6, IE5
                     var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
                 }
                 //2.鏈接服務器（打開服務器的連接）
                 //open(方法，文件名，異步傳輸)
                 oAjax.open("GET",url,true);
                 //3.發送
                 oAjax.send();
                 //4.接收返回
                 oAjax.onreadystatechange=function()
                    {
                      if (oAjax.readyState==4)
                      {
                        if(oAjax.status==200)
                          {
                            fnSucc(oAjax.responseText);
                          }
                       else
                          {
                           fnFaild(oAjax.status);
                          }
                      };
                 };
              }

read.text
(隨便寫點啥就好)
我是你的瑞雪呀！！啦啦啦這是ajax請求的數據

效果圖

服務器上的文件

很簡單對吧，點個贊支持一下吧

分割線

更新

最近看到一篇寫的很好的Ajax教程，廖雪峰老師寫的。我看了看，寫的很詳細，也比較簡單。幫助新手理解是很不錯的。放上鏈接http://javascript.ruanyifeng....

云服務器 GPU云服務器新手學習 linux新手學習新手學習linux 新手學習java

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88550.html

vue 學習小結送給新手

摘要：只要數據發生改變，立即更新，由表單等帶來的數據改變，數據相應字段也會發生相應改變。三界面的更新的輸入，導致的值更新，元素內，任何表達式與有關的，都將重新計算，斌企鵝自動更新界面。作為組件化思維的先驅當年統計的組件多達多個。 Vue 是現在最火的前端JavaScript 開發框架。首先，接受它的思想 View 模板即html，靜態界面Model 數據源模型界面所有的數據負責提供及管理...

terasum 2019-08-20 10:42 評論0 收藏0
十步零基礎JavaScript學習路徑

摘要：之前寫過一篇天學通前端開發，內容主要講的就是前端學習路徑，今天再來寫一篇零基礎的學習路徑，希望能幫編程零基礎的前端愛好者指明方向。十框架三選一，零基礎的初學者強烈推薦，如果是后臺轉前端推薦，如果技術型前端，推薦。之前寫過一篇26天學通前端開發，內容主要講的就是前端學習路徑，今天再來寫一篇零基礎的JavaScript學習路徑，希望能幫編程零基礎的前端愛好者指明方向。一、開發環境和Ja...

incredible 2019-08-21 18:19 評論0 收藏0
前端相關大雜燴

摘要：希望幫助更多的前端愛好者學習。前端開發者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發工程師當你問起有關與時，老司機們首先就會告訴你其實是個沒有網絡請求功能的庫。前端基礎面試題(JS部分) 前端基礎面試題(JS部分) 學習 React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評論0 收藏0
新手學JavaScript都要學什么？

摘要：要從事網頁開發，不知從何下手會語言但是不知道該如何進階最好的方法就是不斷地做網頁寫代碼，不斷地看別人的代碼，研究別人的代碼用代碼實踐的每個技巧點多聽多看多問多寫學習要系統，也可以找一本超實用的代碼段，仔細研磨每天記錄自己的學習成果，別動不動要從事網頁開發，不知從何下手？會JavaScript語言但是不知道該如何進階！最好的方法就是不斷地做網頁、寫代碼，不斷地看別人的代碼，研究...

noONE 2019-08-21 10:18 評論0 收藏0
Vue.js新手入門指南[轉載]

摘要：就是一個用于搭建類似于網頁版知乎這種表單項繁多，且內容需要根據用戶的操作進行修改的網頁版應用。單頁應用程序顧名思義，單頁應用一般指的就是一個頁面就是應用，當然也可以是一個子應用，比如說知乎的一個頁面就可以視為一個子應用。最近在逛各大網站，論壇，以及像SegmentFault等編程問答社區，發現Vue.js異常火爆，重復性的提問和內容也很多，樓主自己也趁著這個大前端的熱潮，著手學習了一...

MartinHan 2019-08-23 11:50 評論0 收藏0