首先看html界面的代碼:
<a href="javascript:;" onclick="delete_order('<?php echo $item[order_id]; ?>')"><img src="images/admin/delete-icon.png" border="0" /></a>這個一個圖片鏈接,表示刪除。它並不跳轉到某個界面,而是點擊時出發click事件。
click事件執行delete_order()方法。這個方法中傳遞了一個參數,訂單號。通過這個參數,可以去執行相應的刪除操作。
下面jQuery代碼:
. 代碼如下:
<script>
function delete_order(order_id){
confirm_ = confirm('This action will delete current order! Are you sure?');
if(confirm_){
$.ajax({
type:"POST",
url:'index.php/admin/order/del/'+order_id,
success:function(msg){
//alert("test order");
//all delete is success,this can be execute
$("#tr_"+order_id).remove();
}
});
}
};
</script>
首先出發一個提示框,確認刪除嗎?
如果確認的話,執行ajax操作。
在jQuery中,有一個$.ajax()的方法。
這裡有三個參數,一個是類型,這裡面用的是POST,
第二個是地址,這個很關鍵,它負責將數據,傳送到後台服務器去執行。
第三個參數是一個回調函數,如果執行刪除成功,就會執行的操作。這個時候,就可以執行一些動作,比如將這條已刪除的記錄,移除。結合的是下面的這行代碼。為沒條記錄,賦予一個動態的id,作為刪除時使用的依據。這裡要注意的是,必須後台執行的所有都成功之後,才會執行這個回調函數。
<tr id="tr_<?php echo $item['order_id']; ?>"></tr>
下面的是後台執行的代碼
. 代碼如下:
function del() {
$order_id = $this->uri->segment(4);
if ($order_id > 0) {
$this->db->delete('billing', array('order_id' => $order_id));
$this->db->delete('shipping_address', array('order_id' => $order_id));
$this->db->delete('order_products', array('order_id' => $order_id));
$this->db->delete('comments', array('order_id' => $order_id));
}
$this->db->delete($this->tbname, array('id' => $order_id));
}
這個後台控制器中的一個方法,通過$this->uri->segment();方法獲取參數,將參數賦值給變量order_id。
然後,就可以在後台執行相應的刪除操作了。如果刪除都成功的話,就會有一個默認的信息傳遞給success方法。
今天遇到的success方法執行不成功的原因,就是因為有一個刪除操作執行不成功,那個隱藏的信息傳遞不到success方法。為什麼不成功呢?因為$this->db->delete('shipping_address', array('order_id' => $order_id));與數據庫中的表名不對應,大概是被別人修改了。
後來修正之後,success方法成功執行。
這是一個簡單的ajax實例。可以簡單的說明ajax的作用。不需要刷新界面,直接偷偷的去後台進行操作即可,操作成功後,還可以執行相應的動作,通過jQuery來完成