ajax实现异步刷新
2017-09-11 13:41
323 查看
1、ajax常用的请求有三种:$.ajax()、$.post()、$.get()、本文只写了前两种方法。
2、$.ajax()
<script type="text/javascript">
function delete1(obj)
{
var userId=$(obj).data("userid"); //取值
$.ajax({
type:"post", //请求方式
url:"DeleteServlet", //链接
data:"userId="+userId, //传值
success:function(data) //对返回值进行判断
{
if(data=="success")
{
alert("删除成功!");
$(obj).parent().parent().remove(); //删除所在行
}
else
{
alert("删除失败!");
}
},
error:function()
{
alert("err");
}
});
}
</script>
3、$.post()
<script>
function delete2(userId,obj)
{
$.post("DeleteServlet",{userId:userId},function(data){
if(data=="success")
{
alert("删除成功!");
$(obj).parent().parent().remove();
}
else
{
alert("删除失败!");
}
});
}
</script>
2、$.ajax()
<script type="text/javascript">
function delete1(obj)
{
var userId=$(obj).data("userid"); //取值
$.ajax({
type:"post", //请求方式
url:"DeleteServlet", //链接
data:"userId="+userId, //传值
success:function(data) //对返回值进行判断
{
if(data=="success")
{
alert("删除成功!");
$(obj).parent().parent().remove(); //删除所在行
}
else
{
alert("删除失败!");
}
},
error:function()
{
alert("err");
}
});
}
</script>
3、$.post()
<script>
function delete2(userId,obj)
{
$.post("DeleteServlet",{userId:userId},function(data){
if(data=="success")
{
alert("删除成功!");
$(obj).parent().parent().remove();
}
else
{
alert("删除失败!");
}
});
}
</script>
相关文章推荐
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- 利用JQuery+Ajax实现aspx页面无刷新异步请求
- 基于AJAX实现异步刷新技术
- 用select下拉菜单来实现Ajax异步刷新
- ajax、jquery、jquery模板实现异步表单,局部刷新
- JQuery与Ajax实现异步局部刷新
- 使用Ajax异步刷新实现登录用户验证
- ajax实现异步刷新,并通过json接收发送数据!
- 利用JQuery实现ajax异步刷新页面
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- 通过ajax实现异步刷新
- 如何手写Ajax实现异步刷新
- jQuery框架+DWR框架实现的Java Web中的Ajax效果(异步请求,局部刷新)
- php+jQuery+Ajax简单实现页面异步刷新
- struts2下利用ajax实现异步刷新
- 在struts2下实现ajax的异步刷新
- AJAX实现异步刷新
- SpringMVC实现AJax异步刷新
- Ajax实现异步刷新验证用户名是否已存在的具体方法
- Ajax(asp.net)技术实现异步刷新和控件功能示例流程