資訊專欄INFORMATION COLUMN
摘要：對于前端新手的我來說，學(xué)習(xí)的過程有點痛苦。因為之前的學(xué)習(xí)全是只與前端有關(guān)的像呀這些都還不涉及與后臺數(shù)據(jù)交互。然后學(xué)習(xí)看了很多書覺得還是有些懵。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。幫助新手理解是很不錯的。
對于前端新手的我來說，學(xué)習(xí)ajax的過程有點痛苦。因為之前的學(xué)習(xí)全是只與前端有關(guān)的像css、js呀這些都還不涉及與后臺數(shù)據(jù)交互。前段時間用JS做了一個2048小游戲。算是JS入門了用了很多排序相關(guān)的知識算法。
然后學(xué)習(xí)ajax看了很多書覺得還是有些懵?？赡苁俏铱吹挠悬c雜。HTTP協(xié)議、json、XML甚至還去看了點node.js
還是沒把a(bǔ)jax搞清楚。不過還好在老師的工作室里，老師把他的服務(wù)器借給了用。我在他的服務(wù)器里建立了我的文件夾。哈哈哈今天總算明白了點。
今天整理一下
1.AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。 2.通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個 網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。 3.傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必須重載整個網(wǎng)頁頁面。使用ajax
1.你得有一個服務(wù)器
2.服務(wù)器上放一個文件（新手用txt就好了，隨便寫點啥）
3.一個HTML前端頁面
4.一個JS文件
我們來做一個小實驗，ajax請求服務(wù)器上的text文件
建立ajax.html
再來是ajax.js
function Ajax(url,fnSucc,fnFaild)
{
//1.創(chuàng)建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.鏈接服務(wù)器（打開服務(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
(隨便寫點啥就好)
我是你的瑞雪呀！！啦啦啦這是ajax請求的數(shù)據(jù)
很簡單對吧，點個贊支持一下吧
分割線
更新最近看到一篇寫的很好的Ajax教程，廖雪峰老師寫的。我看了看，寫的很詳細(xì)，也比較簡單。幫助新手理解是很不錯的。放上鏈接http://javascript.ruanyifeng....
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88550.html
摘要：只要數(shù)據(jù)發(fā)生改變，立即更新，由表單等帶來的數(shù)據(jù)改變，數(shù)據(jù)相應(yīng)字段也會發(fā)生相應(yīng)改變。三界面的更新的輸入，導(dǎo)致的值更新，元素內(nèi)，任何表達(dá)式與有關(guān)的，都將重新計算，斌企鵝自動更新界面。作為組件化思維的先驅(qū)當(dāng)年統(tǒng)計的組件多達(dá)多個。 Vue 是現(xiàn)在最火的前端JavaScript 開發(fā)框架。首先，接受它的思想 View 模板即html，靜態(tài)界面Model 數(shù)據(jù)源 模型 界面所有的數(shù)據(jù)負(fù)責(zé)提供及管理...
摘要：之前寫過一篇天學(xué)通前端開發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來寫一篇零基礎(chǔ)的學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛好者指明方向。十框架三選一，零基礎(chǔ)的初學(xué)者強(qiáng)烈推薦，如果是后臺轉(zhuǎn)前端推薦，如果技術(shù)型前端，推薦。 之前寫過一篇26天學(xué)通前端開發(fā)，內(nèi)容主要講的就是前端學(xué)習(xí)路徑，今天再來寫一篇零基礎(chǔ)的JavaScript學(xué)習(xí)路徑，希望能幫編程零基礎(chǔ)的前端愛好者指明方向。 一、開發(fā)環(huán)境和Ja...
摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時，老司機(jī)們首先就會告訴你其實是個沒有網(wǎng)絡(luò)請求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡單 原文地址：Learning React.js is easier than you think 原文作...
摘要：要從事網(wǎng)頁開發(fā)，不知從何下手會語言但是不知道該如何進(jìn)階最好的方法就是不斷地做網(wǎng)頁寫代碼，不斷地看別人的代碼，研究別人的代碼用代碼實踐的每個技巧點多聽多看多問多寫學(xué)習(xí)要系統(tǒng)，也可以找一本超實用的代碼段，仔細(xì)研磨每天記錄自己的學(xué)習(xí)成果，別動不動 要從事網(wǎng)頁開發(fā)，不知從何下手？ 會JavaScript語言但是不知道該如何進(jìn)階！ 最好的方法就是不斷地做網(wǎng)頁、寫代碼，不斷地看別人的代碼，研究...
摘要：就是一個用于搭建類似于網(wǎng)頁版知乎這種表單項繁多，且內(nèi)容需要根據(jù)用戶的操作進(jìn)行修改的網(wǎng)頁版應(yīng)用。單頁應(yīng)用程序顧名思義，單頁應(yīng)用一般指的就是一個頁面就是應(yīng)用，當(dāng)然也可以是一個子應(yīng)用，比如說知乎的一個頁面就可以視為一個子應(yīng)用。 最近在逛各大網(wǎng)站，論壇，以及像SegmentFault等編程問答社區(qū)，發(fā)現(xiàn)Vue.js異?；鸨?，重復(fù)性的提問和內(nèi)容也很多，樓主自己也趁著這個大前端的熱潮，著手學(xué)習(xí)了一...
閱讀 1352·2023-04-25 15:21
閱讀 2684·2021-11-24 10:23
閱讀 3409·2021-10-11 10:59
閱讀 3255·2021-09-03 10:28
閱讀 1739·2019-08-26 13:45
閱讀 2329·2019-08-26 12:11
閱讀 929·2019-08-26 12:00
閱讀 1718·2019-08-26 10:44
