前期準備
1、安裝wampserver或者其他相似軟體來搭建本地整合安裝環境,我安裝的是phpstudy
2、html、js、css等檔案需要放置在phpstudy中的www目錄中,預設執行index頁面
3、bootstrap.css
介面截圖:
phpstudy用起來很方便,如果你的電腦沒有安裝過php,那要先配置系統環境變數,將php.exe(在phpstudy的安裝目錄裡找)的路徑新增進去,然後在cmd裡輸入 php -v ,出現php的安裝版本等資訊則說明安裝成功。
然後新建乙個專案在phpstudy的www資料夾下,這裡我取名為ajaxdemo。
index.html
index
員工查詢
員工編號:
程式設計客棧ss="col-md-2 control-label">查詢結果:
&prggrbeevalt;div class="panel panel-default">
員工增加
員工編號:
員工姓名:
員工性別:
員工職位:
結果:
JS模板和JSON資料的結合
web2.0的開發裡,ajax是乙個非常重要的技術.如果你的 裡沒有點ajax做的東西,你都不好意思說你是web2.0的 使用ajax的時候,最關心的就是資料傳輸的格式了,一般來說,有以下幾種格式 純文字html xmljson 可以說主流的就是上面幾種了.下面我們來分別分析一下 純文字使用純文字的...
原生js實現Ajax
一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...
原生js實現Ajax
ajax success function error function 原生js實現ajax方法 var ajax xhr.send datat應為 a a1 b b1 這種字串格式,在jq裡如果data為物件會自動將物件轉成這種字串格式 post function url,data,fn xhr...