封裝函式的**:
function
uploadfile
(options)
//建立xmlhttprequest物件
;//判斷在呼叫的時候有沒有傳入這兩個函式引數,防止報錯
var success = options.success ||
function()
;var error = options.error ||
function()
;//設定公用的方法,不管上傳成功還是失敗都會執行的函式
};
函式呼叫的時候:
var imgfile = document.
getelementbyid
('uploadfile');
var fd =
newformdata()
;fd.
('file'
,imgfile.files[0]
);api(
, error:
function()
, complete:
function()
})
1.呼叫時和jquery的ajax在調時是一樣的寫法,不過裡面判斷的東西還很少,很不嚴謹。
2.也支援多檔案上傳,需要在標籤上設定multiple屬性,並且都放進formdata物件中。此例中是fd
原生javascript獲取元素樣式
摘要 我們在開發過程中經常會遇到通過js獲取或者改變dom元素的樣式,方法有很多,比如 通過更改dom元素的class。現在我們討論原生js來獲取dom元素的css樣式,注意是獲取不是設定 在開始之前先說下獲取最終應用在元素上的所有css屬性物件的意思是,如果沒有給元素設定任何樣式,也會把瀏覽器預設...
javascript原生DOM知識總結
dom是 document object model的縮寫,也就是文件物件模型的意思,它是一種用於html和xml文件的程式設計介面。它給文件提供了一種結構化的表示方法,可以改變文件的內容和呈現方式。上面對dom的解釋比較官方不易理解,用我自己的話來解釋的話 網頁是由一系列的html組成,如果把每乙...
用原生JavaScript寫AJAX
原生js寫ajax就像打 打 分下面4步 1.拿出手機 2.撥號 3.說話 4.聽對方說話 ajax也分下面4步 1.建立ajax物件 2.連線到伺服器 3.傳送請求 告訴伺服器我要什麼檔案 4.接收返回值 但是,不能每次用ajax的時候都寫那麼多 要把這段ajax 封裝起來,方便使用。最後把 封裝...