PHP+jquery更新なし編集テーブル
3296 ワード
今日ecshopを見ていると商品名を修正する効果がありました.彼のコードを見るのはうるさい.そこでネットで探したいくつかの例を、少し変えました.
cat_ajax.js
cat.php
cat.html
cat_ajax.js
/*
* : Jquery , ,
*/
$(function() {
// caname click
$(".caname").click(function() {
var objTD = $(this);
// , trim
var oldText = $.trim(objTD.text());
// input ( input , , )
var input = $("<input type='text' value='" + oldText + "' />");
// td ,
objTD.html(input);
//
input.click(function() {
return false;
});
// ,
input.css("font-size", "12px");
input.css("text-align", "center");
input.css("background-color", "#F7F2DE");
input.width("120px");
//
input.select();
//
input.blur(function() {
//
var newText = $(this).val();
// ID(caId)
var caId = objTD.prev().text();
// " " URL
var url = "cat.php?act=4&caid=" + caId + "&catname=" + newText; //
//AJAX ,data ,
$.get(url, function(data) {
if(data == 1) {
//
objTD.html(newText);
$("#div_id_msg").text("");
} else{
alert(' !');
}
});
});
});
});
cat.php
if($act == 4) //
{
$id = isset($_REQUEST['caid']) ? $_REQUEST['caid'] : '0';
if(!ctype_digit($id))
{
exit;
}
$catname = isset($_REQUEST['catname']) ? trim($_REQUEST['catname']) : '';
if(empty($catname) || len($catname) > 50){exit;}
$result = $dbObj->execute('UPDATE `cat` SET `name` = "'.$catname.'" WHERE `id` ='.$id);
if($result)
{
echo 1; //
}else
{
echo 0; //
}
}
cat.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
<link rel="stylesheet" type="text/css" href="skin/css/base.css">
<script language="javascript" src="skin/js/frame/jquery-1.3.2.min.js"></script>
<script language="javascript" src="skin/js/frame/cat_ajax.js"></script>
</head>
<body>
<table>
<tr><td id="cat" class='caname'> </td></tr>
</table>
</body>
</html>