JavaScript

[已解決] Ajax 發送請求返回錯誤狀態碼 500、readyState 4

一直以來，在 WordPress 建置的外掛（plugin），我都是透過 Ajax 發送請求以完成前端介面與後端資料庫間的資料交換。不論是讀取資料庫中的資料、或是將使用者進行的操作寫入資料庫，使用 Ajax 都可以輕鬆地辦到。

最近寫了互動網頁的專案， JavaScript 的程式碼在不知不覺間越來越長了...... 純粹使用 Vim 編輯器的我，經常在實驗語法以及檢查是否少了個括弧或分號上費盡功夫。

在設計網頁與使用者的互動時，總免不了要製作跳出提醒、甚至是跟使用者進行確認、讓使用者輸入資訊等等不同的彈出視窗（popup window）。

在建立網頁時，我們總是會有要讓使用者輸入數字的時候，這個時候，我們可能需要寫下一些判斷式來判斷使用者輸入的字串是否為有效的數字。

在使用 JavaScript 進行跟時間有關的比較與操作時，盡量使用 Date() 可以讓開發方便許多。以下我將依照：

今天要記錄的，是如何透過點擊一段文字來顯示另一段『隱藏起來的文字』。實作的方法非常單純，是事先設定好 <style> 中的 visibility 屬性，並透過 javascript 的腳本來進行切換。

實作方法真的非常簡單，可以直接看下方的範例程式碼。

最近接案時遇到了一個在網頁上動態新增元素的需求：我需要在資料庫後端撈取資料，按照資料的筆數新增同樣數量的元件顯示在 HTML 的頁面上。

過去我曾經簡單研究過在 HTML 中如何使用 Javascript 進行『字串』的剪貼，但當時找到的方法大部分都是：

在 HTML 當中，我一直很想要撰寫一個複製某個『區塊』文字的按鈕，這能很好地幫助我正在開發的某個專案。故此，今天研究了一下，順手紀錄了起來。

使用一個『輸入框』、一個『按鈕』，一個文字元件——然後在點擊按鈕時將輸入框中的文字顯示在文字元件上，這件單純的工作幾乎是互動界面的 Hello World 一般，可以在每次使用不同的框架寫界面時都先測試看看。