您好,登錄后才能下訂單哦!
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)使用Laravel框架怎么實(shí)現(xiàn)一個(gè)即點(diǎn)即改功能,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
1)首先引入jquery文件
<script src="{{asset('Follow')}}/js/jquery.min.js"></script>
2)點(diǎn)擊事件:當(dāng)我們點(diǎn)擊時(shí),span標(biāo)簽內(nèi)容設(shè)置為空值,input標(biāo)簽出現(xiàn)
function saveuser(id){ document.getElementById('aaa'+id).style.display='block';//顯示input document.getElementById('bbb'+id).innerHTML="";//span標(biāo)簽的值設(shè)置為空 }
3)輸入我們需要修改的數(shù)據(jù),如下圖:
4)要修改的數(shù)據(jù)寫完之后,就到了最關(guān)鍵的時(shí)候,怎樣進(jìn)行修改?
通過上面,可以看到input有一個(gè)失去焦點(diǎn)事件,因此我在這個(gè)事件里進(jìn)行ajax請求
function edituser(id){ var username = document.getElementById('aaa'+id).value;//獲取文本框的值 $.ajax({ type:'GET',//請求方式 data:{'id':id,'username':username},//傳遞參數(shù) url:"{{url('edituser')}}",//地址 success:function(e){//回調(diào) if(e==1){ document.getElementById('aaa'+id).style.display = 'none';//如果修改成功,input隱藏 document.getElementById('bbb'+id).innerHTML = username;//修改成功,將表里修改后的數(shù)據(jù)賦值給span標(biāo)簽 }else{ alert('修改失敗'); window.location.reload(); } } }) }
5)通過ajax傳遞的參數(shù),進(jìn)行數(shù)據(jù)查詢和修改:
首先我們在控制器接收:
public function edituser(){ $arr = Input::get();//接收ajax傳遞的參數(shù) $result = BlueShop::useredit($arr);//調(diào)用模型,并將接收到的 id 和要修改的數(shù)據(jù)賦給模型 if($result){ $status = 1; }else{ $status = 2; } return $status;//將結(jié)果返回給展示頁面 }
然后我們在模型進(jìn)行我們的邏輯代碼部分
//$arr數(shù)組 $arr['id'] 用戶id $arr['username']要修改的用戶名 public static function useredit($arr){ $res = DB::table('jy_user')->where('id',$arr['id'])->update($arr);//通過id修改 return $res;//返回結(jié)果 }
6)此時(shí)我們可以看到,頁面已經(jīng)修改
而數(shù)據(jù)表中的數(shù)據(jù)也進(jìn)行了更新
上述就是小編為大家分享的使用Laravel框架怎么實(shí)現(xiàn)一個(gè)即點(diǎn)即改功能了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。