問題產生原因：
使用者充值介面，一個選擇支付方式的dom綁定了一個插入訂單的 ajax。
為了監測使用者點了哪個支付方式，現在要把選擇哪個支付方式記錄下來。

當然可以在這個ajax請求的方法裡面加入一個插入監測資料。但是考慮到插入訂單的時候要與很多支付平臺對接，速度會本來比較慢。萬一出現意外情況導致訂單插入失敗，會比較麻煩。
然後研究了下。一個dom繫結兩個事件，執行順序的問題。

$('#dom').onclick(function1 (){
  $.ajax({
     ...
  });
);

$('#dom').onclick(function2 (){
  $.ajax({
     ...
 

  });
);

看到的別東西：

JS事件繫結的幾種方式

 1. <div id="outestA" onclick="return buttonHandler(this);"></div>  
 2. <div id="outestA" onclick="var id = this.id;alert(id);return false;"></div> 
 3. var dom = document.getElementById("outestA");  
    dom.onclick = function(){alert("1="
 
 + this.id);};  
    dom.onclick = function(){alert("2=" + this.id);}; 後面的會覆蓋前面的
4.  addEventListener(type, listener, useCapture);
// type:事件型別,不含"on",比如"click"、"mouseover"、"keydown";  
// 而attachEvent的事件名稱,含含"on",比如"onclick"、"onmouseover"、"onkeydown";  (IE特有)
// listener:事件處理函式  
// useCapture是事件冒泡,還是事件捕獲,預設false
 
,代表事件冒泡型別      ps：翻譯是否使用捕獲  
//同一個事件函式，並且事件型別都為冒泡或者事件捕獲型別,那隻能繫結一次，

JS事件冒泡和事件捕獲

userCapture 為false
事件冒泡執行順序：   從內部到外部Document。

userCapture 為true
事件捕獲執行順序 ： 從Document向內部執行

Dom事件流：包含userCapture ture 和 false
捕獲階段的處理函式最先執行，其次是目標階段的處理函式，最後是冒泡階段的處理函式。
目標階段的處理函式，先註冊的先執行，後註冊的後執行。

從這裡看，執行肯定是有先後順序的。那如果其中的一個ajax有問題，會不會影響到另一個的執行？

<span class="test">測試Ajax執行順序</span>>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$('.test').click(function(){
    $.ajax({
        url:'http://test.iok.la/sdk/',
         type:'post',

  dataType:"jsonp",
        success:function(res){
            console.log(res);
        },

    });
});
$('.test').click(function(){
    $.ajax({
        url:'http://test.iok.la/sdk2',
         type:'post',
           dataType:"jsonp",
        success:function(res){
            console.log(res);
        },

    });
});

</script>

• 測試結果，第一個ajax先執行。
• 第一個不會影響第二個的執行（連結錯誤或者 在後端sleep(20)都不影響）。

是非同步的！其實想一想也是，ajax 本來一個特性就是非同步的。。。。。。。正常來說的話也應該是這樣子的。。。。

小收穫

額…………看了好久，還是沒怎麼懂他們要表達的內容。。。。暫時先放一放~~以後研究

//顯示載入動畫

js 延遲載入，setTimeout

utils.loading();  
//讓JS執行緒等待100毫秒,等待會讓UI渲染程序實現，  
//如果發現setTimeout還要隔較長時間才到期，為了避免時間上的浪費，瀏覽器選擇馬上切換到UI執行緒。   
setTimeout(function(){  
    //長時間的js計算，同步請求等耗時操作  
    for(var i=0;i<100;i++){  
        console.log(11);  
    }  
    //關閉載入動畫  
    utils.closeload();  
},1000);