使用jquery異步無刷新刪除

實現截圖：

jquery異步無刷新刪除各方面的代碼：

html:

<a href="javascript:delGoods(<s:property value="Auto_No"/>)">刪除</a>

jquery：

//刪除對應goodsID的商品
 function delGoods(goodsID) {
  if(confirm( "確定要刪除?" ))
  {
  $.get("/BackManage/manage/goodsManage_deleteGoods?goodsID=" +goodsID,null,function(data){
   $("#"+goodsID).remove();
      $("#result").html("刪除成功");
  });
  }
 }

當然要在html中引入jquery庫

Action：

/**
  * 刪除商品
  * @return
  */
 public void deleteGoods(){
  boolean ok=goodsCodeService.delete(goodsID);
  HttpServletResponse response = ServletActionContext.getResponse();
  response.setCharacterEncoding("utf-8");
  try {
   PrintWriter pw = response.getWriter();
   if(ok==true){
    pw.write(1);
   }else{
    pw.write(0);
   }  
  } catch (IOException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
 }