這幾天學了ajax請求和node的路由，在這裏總結一下。

要求是要從前端發一個請求到後臺，後臺到Mysql裏去拿數據，並且返回到前端，並顯示到頁面上。

我是這樣做的。我用ajax 發了一個請求到後臺，用後臺發送數據過來。

把這些數據用for循環，循環裏面聲明一個元素，裏面的數據用mysql 的數據。聲明好後直接添加到網頁上。

$.ajax({
url:"http://127.0.0.1:8000/F5",
type:"get",
success:function(data,status){
for(var i = 0;i<data.length;i++){
var d1;
if(data[i].class == "class1"){
d1 =‘<option selected value ="class1">class1</option>\
<option value ="class2">class2</option>‘
}else{
d1 =‘<option value ="class1">class1</option>\
<option selected value ="class2">class2</option>‘
}
var str = ‘<tr>‘+
‘<td>‘+data[i].id+‘</td>‘+
‘<td><input type="text" value=‘+"‘"+data[i].name+"‘"+‘ disabled="true"/></td>‘+
‘<td><input type="text" value=‘+"‘"+data[i].age+"‘"+‘ disabled="true"/></td>‘+
‘<td><input type="text" value=‘+"‘"+data[i].phone+"‘"+‘ disabled="true"/></td>‘+
‘<td><select disabled>‘+d1+‘</select>‘+
‘<td>‘+
‘<button class="delete">刪除</button>‘+
‘<button class="ok">修改</button>‘+
‘</td>‘+
‘</tr>‘;

//添加到gg這個元素前面

$("#gg").before(str);

//因為剛添加上來的沒有綁定點擊事件。所以我直接全部取消點擊事件，在下面重新綁定
$(".delete").unbind();
$(".ok").unbind();

//綁定點擊事件

$(".delete").click(function(){
del(this)
});
$(".ok").click(function(){
go(this)
});

}
}
});

第一次前後臺數據獲取的經驗