摘要:本篇教程介绍了jQuery教程之jQuery ajax 保存数据,删除数据,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
本篇教程介绍了jQuery教程之jQuery ajax 保存数据,删除数据,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
jquery <script type="text/javascript">
//ajax 提交表单数据
$("#add_budget_submit").click(function () {
$.ajaxSetup({
data: {csrfmiddlewaretoken: ‘{{ csrf_token }}‘},
});
$.ajax({
url: ‘{{ request.path }}‘,
type: ‘POST‘,
data: $(‘#budgetForm‘).serialize(),
datatype: ‘JSON‘,
success: function (obj) {
var myjson = $.parseJSON(obj);
if (myjson["status"] == true) {
layer.msg("添加成功!", {time: 1000});
window.location.href = "budget_mgr";
}
else{
layer.msg("添加失败!", {time: 1000});
}
},
error: function () {
}
})
});
$(".del_budget").click(function () {
var p =$.trim($(this).parent().prev().prev().prev().prev().prev().text());
var tag_id = $(this).attr("tid");
layer.open({
type:1,
skin:"layui-layer-rim",
area:["400px","200px"],
title:"删除预算",
content:‘<div class="text-center" style="margin-top:20px"><p>是否删除 [‘+p+‘] 年度预算?</p></div>‘,
btn:[‘确定‘,‘取消‘],
yes:function () {
$.ajaxSetup({
data:{csrfmiddlewaretoken:‘{{ csrf_token }}‘},
});
$.ajax({
url:‘{% url "del_budget" %}‘,
type:"POST",
data:{"tag_id":tag_id},
success:function (e) {
if (e=="1"){
parent.location.reload();
layer.msg("删除成功!",{time:1000});
}else {
layer.msg("删除失败",{time:1000});
}
}
})
}
}) ;
})
</script>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号