Detailed explanation of jQuery ajax deletion_jquery

First look at the code of the html interface:

')"> This is an image link, indicating deletion. It does not jump to a certain interface, but triggers a click event when clicked.

The click event executes the delete_order() method. One parameter is passed in this method, the order number. Through this parameter, you can perform the corresponding deletion operation.

The following jQuery code:

Copy the code The code is as follows: 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 executed ; &lt ;/script>

First, a prompt box will appear. Do you want to confirm deletion?

If confirmed, perform ajax operation. In jQuery, there is a $.ajax() method. There are three parameters here, one is the type, and POST is used here,

The second one is the address. This is very critical. It is responsible for transmitting the data to the background server for execution.

The third parameter is a callback function, which will be executed if the deletion is successful. At this time, you can perform some actions, such as removing this deleted record. What is combined is the following line of code. Each record is assigned a dynamic ID as a basis for deletion. What should be noted here is that this callback function will not be executed until all background executions are successful.

">

The following is the code executed in the background

Copy the code

The code is as follows: 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)); }

A method in this background controller obtains parameters through the $this->uri->segment(); method and assigns the parameters to the variable order_id. Then, you can perform the corresponding deletion operation in the background. If the deletions are successful, a default message will be passed to the success method.

The reason why the success method failed to execute today is because a deletion operation failed to execute, and the hidden information could not be passed to the success method. Why doesn't it work? Because $this->db->delete('shipping_address', array('order_id' => $order_id)); does not correspond to the table name in the database, it may have been modified by someone else.

After later correction, the success method was executed successfully.

This is a simple ajax example. You can simply explain the role of ajax. There is no need to refresh the interface, just go to the background secretly to perform the operation. After the operation is successful, you can also perform the corresponding action and complete it through jQuery