jquery即点即改-----laravel框架

来源：互联网发布：多媒体教室软件编辑：程序博客网时间：2024/06/06 17:02

HTML页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title></head><body><table border="1"><tr><td>名称</td><td>价格</td><td>操作</td></tr>@foreach($users as $v)<tr><td value="{{$v->id}}"><span class="name">{{$v->name}}</span></td><td >{{$v->price}}</td>        <td>                           <a href="del?id={{$v->id}}">删除</a>                           <input type="checkbox" name="checkbox[]" value="{{$v->id}}" />                       </td></tr>@endforeach</table></body></html><script type="text/javascript" src="../public/js/jquery-1.7.2.min_js"></script><script>$(document).on('click','span',function(){           old_val=$(this).html();          $(this).parent().html("<input type=\'text\' value="+old_val+">");          $(document).on('blur','input',function(){          var obj=$(this);          var id=$(this).parent().attr('value'); //获取要修改内容的id          var val=$(this).val(); //获取修改后的值          $.ajax({              type:'post',              url:'update',              data:{                  id:id,                  val:val            },              success:function(msg){                  if(msg == 1){                      obj.parent().html("<span class='name'>"+val+"</span>")                  }else{                      obj.parent().html("<span class='name'>"+old_val+"</span>")                  }                }         })      })  })  </script>

php页面

public function update(Request $request){        $id=$request->input('id');$name=$request->input('price');$price=$request->input('val');$re=DB::table('goods')                 ->where('id', $id)                 ->update([            'name' => $price,         ]);         if($re){               echo 1;         }}

0 0