[摘要]本篇文章给大家带来的内容是关于tp5框架ajax异步添加数据的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。ajax异步无刷新处理数据的用户体验还是不错的,在我们的项目开发...
本篇文章给大家带来的内容是关于tp5框架ajax异步添加数据的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
ajax异步无刷新处理数据的用户体验还是不错的,在我们的项目开发中算是经常使用到的一个知识点。所以做成了ajax异步添加,我们平常用到的可能都是ajax异步删除、异步修改,异步添加可能稍微少点,下面看看我们的处理逻辑和核心代码吧。
这是我们数据添加的界面:
前端js代码如下:
[js]
<script type="text/javascript">
function adddhm(){
var oid=$("input[name='oid']").val();
var uname=$("input[name='uname']").val();
var dhm=$("input[name='dhm']").val();
var _class=$("select[name='class']").val();
var otime=$("input[name='otime']").val();
if(!oid){
alert('订单号不能为空!');
return false;
}
if(!uname){
alert('用户名不能为空!');
return false;
}
if(!dhm){
alert('兑换码不能为空!');
return false;
}
if(!_class){
alert('适用课程不能为空!');
return false;
}
if(!otime){
alert('下单时间不能为空!');
return false;
}
$.ajax({
type:"POST",
data:{oid:oid,uname:uname,dhm:dhm,class:_class,otime:otime},
url:"{:url('add')}",
success:function(data){
alert(data.msg);
}
});
$("#myform")[0].reset() ;
return false;
}
</script>
[/js]