Ajax异步

来源:互联网 发布:畅捷通软件好用吗 编辑:程序博客网 时间:2024/05/29 16:42

jsp部分:

<c:forEach items="${users}" var="user">
              <tr>
              <td>${user.id}</td>
              <td>${user.username}</td>
              <td>${user.password}</td>
              <td>${user.status}</td>
              <td>${user.insertTime}</td>
              <td><input type="button" value="删除"  onclick="del('${user.id}')"></td>
              <td><a href="<%=request.getContextPath() %>/users/user!skip.action?id=${user.id}&username=${user.username}&password=${user.password}&status=${user.status}&InsertTime=${user.insertTime}">修改</a></td>
              </tr>
 </c:forEach> 



js:部分

<script type="text/javascript">



    function del(id){
    $.ajax({
  type: "get", //get还是post方法
  async: true,  //是否同步
  url: "<%=request.getContextPath() %>/users/user!delete.action?id="+id, //访问服务器地址
  beforeSend: function(XMLHttpRequest){
  //ShowLoading();
  },
  success: function(data, textStatus){
  //alert(data.success);
  },
  complete: function(XMLHttpRequest, textStatus){
  //完成后调用的js方法
  eval("var s = "+XMLHttpRequest.responseText); //见字符串转为josn对象
  if(s)
  if(s.success){
  end=true;
  alert("删除"+s.message);
  return "删除"+s.message;
  }

  return "删除失败";

  },
 error: function(){
  //请求出错处理
  }
  });
    }
</script>
0 0
原创粉丝点击