PHP 即点即改
lavarel5.4
路由：/routes/web.php
Route::get("/", function () {
return view("welcome");
});
Route::any("show/index", "ShowController@index");
Route::any("show/upd", "ShowController@upd");创建控制器ShowController.php
<?php
namespace AppHttpControllers;
use AppHttpControllersController;
use IlluminateSupportFacadesInput;
use AppHttpModelsShow;
class ShowController extends Controller
{
public function index(){
$show=new Show();
$info=$show->getData();
return view("show.index",["info"=>$info]);
}
public function upd(){
$data=Input::all();
$show=new Show();
$res=$show->updRow($data);
echo json_encode($res);
}
}创建模型Show.php
<?php
namespace AppHttpModels;
use IlluminateDatabaseEloquentModel;
use DB;
class Show extends Model
{
public function getData(){
return DB::table("news")->get();
}
public function updRow($data){
$id=$data["id"];
$res=DB::table("news")->where(array("id"=>$id))->update($data);
$info=DB::table("news")->where(array("id"=>$id))->first();
return $info;
}
}创建视图/resources/views/show/index.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
/*input{display: none;}*/
</style>
</head>
<body>
<center>
<table border="1">
<tr>
<td>id</td>
<td>title</td>
<td>content</td>
</tr>
<?php foreach($info as $k => $v){ ?>
<tr>
<td><?= $v->id ?></td>
<td><span><?= $v->title ?></span><input type="hidden" name="hehe" data-id="<?= $v->id ?>" value="<?= $v->title ?>"></td>
<td><?= $v->content ?></td>
</tr>
<?php } ?>
</table>
</center>
</body>
</html>
<script src="{{URL::asset("/js/jquery.1.12.min.js")}}"></script>
<script>
$(function(){
$(document).on("click","span",function(){
// $("span").click(function(){
var obj=$(this);
obj.hide();
// obj.next("input").show().focus();
obj.next("input").prop("type","text").focus();
});
$(document).on("blur","input",function(){
// $("input").blur(function(){
var obj=$(this);
var title=obj.val();
var id=obj.attr("data-id");
$.ajax({
type:"post",
url:"upd",
data:{title:title,id:id},
dataType:"json",
success:function(res){
// alert("修改成功");
obj.prev().html(res.title).show();
obj.prop("type","hidden");
}
})
});
})
</script>声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。
- 上一篇： PHP 二维数组根据某个字段进行排序
- 下一篇： Yii2.0 AR-CURD小表单简单操作
