亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

新手學(xué)習(xí)ajax

idisfkj / 3241人閱讀

摘要：對(duì)于前端新手的我來(lái)說(shuō)，學(xué)習(xí)的過(guò)程有點(diǎn)痛苦。因?yàn)橹暗膶W(xué)習(xí)全是只與前端有關(guān)的像呀這些都還不涉及與后臺(tái)數(shù)據(jù)交互。然后學(xué)習(xí)看了很多書(shū)覺(jué)得還是有些懵。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。幫助新手理解是很不錯(cuò)的。

對(duì)于前端新手的我來(lái)說(shuō)，學(xué)習(xí)ajax的過(guò)程有點(diǎn)痛苦。因?yàn)橹暗膶W(xué)習(xí)全是只與前端有關(guān)的像css、js呀這些都還不涉及與后臺(tái)數(shù)據(jù)交互。前段時(shí)間用JS做了一個(gè)2048小游戲。算是JS入門了用了很多排序相關(guān)的知識(shí)算法。
然后學(xué)習(xí)ajax看了很多書(shū)覺(jué)得還是有些懵?？赡苁俏铱吹挠悬c(diǎn)雜。HTTP協(xié)議、json、XML甚至還去看了點(diǎn)node.js
還是沒(méi)把a(bǔ)jax搞清楚。不過(guò)還好在老師的工作室里，老師把他的服務(wù)器借給了用。我在他的服務(wù)器里建立了我的文件夾。哈哈哈今天總算明白了點(diǎn)。
今天整理一下

關(guān)于ajax 
1.AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)。
2.通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)            
  網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
3.傳統(tǒng)的網(wǎng)頁(yè)（不使用 AJAX）如果需要更新內(nèi)容，必須重載整個(gè)網(wǎng)頁(yè)頁(yè)面。
使用ajax

1.你得有一個(gè)服務(wù)器
2.服務(wù)器上放一個(gè)文件（新手用txt就好了，隨便寫(xiě)點(diǎn)啥）
3.一個(gè)HTML前端頁(yè)面
4.一個(gè)JS文件

我們來(lái)做一個(gè)小實(shí)驗(yàn)，ajax請(qǐng)求服務(wù)器上的text文件
建立ajax.html

再來(lái)是ajax.js

function Ajax(url,fnSucc,fnFaild)
             {
                  //1.創(chuàng)建ajax對(duì)象
                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.鏈接服務(wù)器（打開(kāi)服務(wù)器的連接）
                 //open(方法，文件名，異步傳輸)
                 oAjax.open("GET",url,true);
                 //3.發(fā)送
                 oAjax.send();
                 //4.接收返回
                 oAjax.onreadystatechange=function()
                    {
                      if (oAjax.readyState==4)
                      {
                        if(oAjax.status==200)
                          {
                            fnSucc(oAjax.responseText);
                          }
                       else
                          {
                           fnFaild(oAjax.status);
                          }
                      };
                 };
              }

read.text
(隨便寫(xiě)點(diǎn)啥就好)
我是你的瑞雪呀??！啦啦啦這是ajax請(qǐng)求的數(shù)據(jù)

效果圖

服務(wù)器上的文件

很簡(jiǎn)單對(duì)吧，點(diǎn)個(gè)贊支持一下吧

分割線

更新

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/88550.html

相關(guān)文章

  • vue 學(xué)習(xí)小結(jié) 送給新手

    摘要：只要數(shù)據(jù)發(fā)生改變，立即更新，由表單等帶來(lái)的數(shù)據(jù)改變，數(shù)據(jù)相應(yīng)字段也會(huì)發(fā)生相應(yīng)改變。三界面的更新的輸入，導(dǎo)致的值更新，元素內(nèi)，任何表達(dá)式與有關(guān)的，都將重新計(jì)算，斌企鵝自動(dòng)更新界面。作為組件化思維的先驅(qū)當(dāng)年統(tǒng)計(jì)的組件多達(dá)多個(gè)。 Vue 是現(xiàn)在最火的前端JavaScript 開(kāi)發(fā)框架。首先，接受它的思想 View 模板即html，靜態(tài)界面Model 數(shù)據(jù)源 模型 界面所有的數(shù)據(jù)負(fù)責(zé)提供及管理...

    terasum 評(píng)論0 收藏0

  • 十步零基礎(chǔ)JavaScript學(xué)習(xí)路徑

    摘要：之前寫(xiě)過(guò)一篇天學(xué)通前端開(kāi)發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來(lái)寫(xiě)一篇零基礎(chǔ)的學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛(ài)好者指明方向。十框架三選一，零基礎(chǔ)的初學(xué)者強(qiáng)烈推薦，如果是后臺(tái)轉(zhuǎn)前端推薦，如果技術(shù)型前端，推薦。 之前寫(xiě)過(guò)一篇26天學(xué)通前端開(kāi)發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來(lái)寫(xiě)一篇零基礎(chǔ)的JavaScript學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛(ài)好者指明方向。 一、開(kāi)發(fā)環(huán)境和Ja...

    incredible 評(píng)論0 收藏0

  • 前端相關(guān)大雜燴

    摘要：希望幫助更多的前端愛(ài)好者學(xué)習(xí)。前端開(kāi)發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開(kāi)發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒(méi)有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...

    fuyi501 評(píng)論0 收藏0

  • 新手學(xué)JavaScript都要學(xué)什么？

    摘要：要從事網(wǎng)頁(yè)開(kāi)發(fā)，不知從何下手會(huì)語(yǔ)言但是不知道該如何進(jìn)階最好的方法就是不斷地做網(wǎng)頁(yè)寫(xiě)代碼，不斷地看別人的代碼，研究別人的代碼用代碼實(shí)踐的每個(gè)技巧點(diǎn)多聽(tīng)多看多問(wèn)多寫(xiě)學(xué)習(xí)要系統(tǒng)，也可以找一本超實(shí)用的代碼段，仔細(xì)研磨每天記錄自己的學(xué)習(xí)成果，別動(dòng)不動(dòng) 要從事網(wǎng)頁(yè)開(kāi)發(fā)，不知從何下手？ 會(huì)JavaScript語(yǔ)言但是不知道該如何進(jìn)階！ 最好的方法就是不斷地做網(wǎng)頁(yè)、寫(xiě)代碼，不斷地看別人的代碼，研究...

    noONE 評(píng)論0 收藏0

  • Vue.js新手入門指南[轉(zhuǎn)載]

    摘要：就是一個(gè)用于搭建類似于網(wǎng)頁(yè)版知乎這種表單項(xiàng)繁多，且內(nèi)容需要根據(jù)用戶的操作進(jìn)行修改的網(wǎng)頁(yè)版應(yīng)用。單頁(yè)應(yīng)用程序顧名思義，單頁(yè)應(yīng)用一般指的就是一個(gè)頁(yè)面就是應(yīng)用，當(dāng)然也可以是一個(gè)子應(yīng)用，比如說(shuō)知乎的一個(gè)頁(yè)面就可以視為一個(gè)子應(yīng)用。 最近在逛各大網(wǎng)站，論壇，以及像SegmentFault等編程問(wèn)答社區(qū)，發(fā)現(xiàn)Vue.js異?；鸨貜?fù)性的提問(wèn)和內(nèi)容也很多，樓主自己也趁著這個(gè)大前端的熱潮，著手學(xué)習(xí)了一...

    MartinHan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<