本篇文章給大家帶來的內容是關于tp5框架ajax異步添加數據的代碼實現,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
ajax異步無刷新處理數據的用戶體驗還是不錯的,在我們的項目開發中算是經常使用到的一個知識點。所以做成了ajax異步添加,我們平常用到的可能都是ajax異步刪除、異步修改,異步添加可能稍微少點,下面看看我們的處理邏輯和核心代碼吧。
這是我們數據添加的界面:
前端js代碼如下:[js]
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;
}
[/js]
下面是我們接受到數據后的添加邏輯:[php]
public function add()
{
if(request()->isPost()){
$_data=input('post.');
$data=array();
foreach ($_data as $k => $v) {
$data[$k]=trim($v);
}
$validate = validate('dhm');
if(!$validate->check($data)){
$msg=$validate->getError();
return json(['error'=>2,'msg'=>$msg]);
}
$add=db('dhm')->insert($data);
if($add){
return json(['error'=>0,'msg'=>'添加成功!']);
}else{
return json(['error'=>1,'msg'=>'添加失敗,請重新添加!']);
}
return;
}
return view();
}
[/php]
相關推薦: