AJAX的代碼解釋

歡迎使用Markdown編輯器寫部落格

本Markdown編輯器使用StackEdit修改而來，用它寫部落格，将會帶來全新的體驗哦：

• Markdown和擴充Markdown簡潔的文法
• 代碼塊高亮
• 圖檔連結和圖檔上傳
• LaTex數學公式
• UML序列圖和流程圖
• 離線寫部落格
• 導入導出Markdown檔案
• 豐富的快捷鍵

快捷鍵

• 加粗

  Ctrl + B

• 斜體

  Ctrl + I

• 引用

  Ctrl + Q

• 插傳入連結接

  Ctrl + L

• 插入代碼

  Ctrl + K

• 插入圖檔

  Ctrl + G

• 提升标題

  Ctrl + H

• 有序清單

  Ctrl + O

• 無序清單

  Ctrl + U

• 橫線

  Ctrl + R

• 撤銷

  Ctrl + Z

• 重做

  Ctrl + Y

Markdown及擴充

Markdown 是一種輕量級标記語言，它允許人們使用易讀易寫的純文字格式編寫文檔，然後轉換成格式豐富的HTML頁面。 —— [ 維基百科 ]

使用簡單的符号辨別不同的标題，将某些文字标記為粗體或者斜體，建立一個連結等，詳細文法參考幫助？。

本編輯器支援 Markdown Extra , 　擴充了很多好用的功能。具體請參考Github.

表格

Markdown　Extra　表格文法：

項目	價格
Computer	$1600
Phone	$12
Pipe	$1

可以使用冒号來定義對齊方式：

項目	價格	數量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

定義清單

Markdown　Extra　定義清單文法： 項目１ 項目２

定義 A

定義 B

項目３

定義 C

定義 D

定義D内容

代碼塊

代碼塊文法遵循标準markdown代碼，例如：

@requires_authorization
def somefunc(param1='', param2=):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + ) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''
           

腳注

生成一個腳注1.

目錄

用

[TOC]

來生成目錄：

• 歡迎使用Markdown編輯器寫部落格
  • 快捷鍵
  • Markdown及擴充
    • 表格
    • 定義清單
    • 代碼塊
    • 腳注
    • 目錄
    • 數學公式
    • UML 圖:
  • 離線寫部落格
  • 浏覽器相容

數學公式

使用MathJax渲染LaTex 數學公式，詳見math.stackexchange.com.

• 行内公式，數學公式為： Γ(n)=(n−1)!∀n∈N Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N 。
• 塊級公式：

x=−b±b2−4ac−−−−−−−√2a x = − b ± b 2 − 4 a c 2 a

更多LaTex文法請參考 這兒.

UML 圖:

可以渲染序列圖：

或者流程圖：

• 關于 序列圖 文法，參考 這兒,
• 關于 流程圖 文法，參考 這兒.

離線寫部落格

即使使用者在沒有網絡的情況下，也可以通過本編輯器離線寫部落格（直接在曾經使用過的浏覽器中輸入write.blog.csdn.net/mdeditor即可。Markdown編輯器使用浏覽器離線存儲将内容儲存在本地。

使用者寫部落格的過程中，内容實時儲存在浏覽器緩存中，在使用者關閉浏覽器或者其它異常情況下，内容不會丢失。使用者再次打開浏覽器時，會顯示上次使用者正在編輯的沒有發表的内容。

部落格發表後，本地緩存将被删除。　

使用者可以選擇 把正在寫的部落格儲存到伺服器草稿箱，即使換浏覽器或者清除緩存，内容也不會丢失。

注意：雖然浏覽器存儲大部分時候都比較可靠，但為了您的資料安全，在聯網後，請務必及時發表或者儲存到伺服器草稿箱。

浏覽器相容

1. 目前，本編輯器對Chrome浏覽器支援最為完整。建議大家使用較新版本的Chrome。
2. IE９以下不支援
3. IE９，１０，１１存在以下問題
   1. 不支援離線功能
   2. IE9不支援檔案導入導出
   3. IE10不支援拖拽檔案導入

AJAX就是異步的javascript和XML

//無頁面重新整理就擷取資料，隻能在伺服器上運作，在本地打不開

function ajax(url,fnSucc,fnFaild){

//參數：1、連接配接伺服器的位址；2、成功時函數；3、失敗時函數

//1、建立Ajax對象

var oAjax = null;

if(window.XMLHttpRequest){//建立一個新對象

oAjax = new XMLHttpRequest(); //ie6及以下不相容

}else{

oAjax = new ActiveXObjext(“Microsoft.XMLHTTP”);//IE5和IE6支援

}

//2、連接配接伺服器//open（）和send（）方法是XMLHttpRequest對象的方法
oAjax.open('GET',url,true);/*規定請求的類型、URL 以及是否異步處理請求
                            * 
method：請求的類型；GET 或 POST
url：檔案在伺服器上的位置
async：true（異步）或 false（同步），如果用于AJAX時，必須設定為true
                            */

//3、發送請求
oAjax.send();//将請求發送到伺服器

//4、接收伺服器的傳回(伺服器響應)
//在 onreadystatechange 事件中，我們規定當伺服器響應已做好被處理的準備時所執行的任務。
oAjax.onreadystatechange = function(){
    if(oAjax.readyState ==4){  //完成
        if(oAjax.status ==200){
            //alert('成功： '+oAjax.responseText);
            fnSucc(oAjax.responseText);
        }else{
            //alert('失敗');
            if(fnFaild){
                fnFaild();
            }
        }
    }
}
           

}//AJAX 是一種用于建立快速動态網頁的技術。

//通過在背景與伺服器進行少量資料交換，AJAX 可以使網頁實作異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

//傳統的網頁（不使用 AJAX）如果需要更新内容，必需重載整個網頁面。

1. 這裡是 腳注 的 内容. ↩