先放我做好的效果图。如下图1为编辑前的效果，图2为点击“修改库存”后的效果。html和CSS已经弄出来了，但不懂javascript。修改后的数据直接通过后台php修改到mysql，若成功则直接返回数据到库存的td单元格。
然后是我的html代码。
<tr id="3308">
<td><img src="/static/imghwm/default1.png" data-src="/1369118039-3308.jpg!w120" class="lazy" / alt="mysql - 怎么用jQuery、Ajax、php实现这样的无刷新编辑功能？" ></td>
<td><strong>3308</strong></td>
<td><span>3.97</span> M³</td>
<td><span>2950.00</span> 元</td>
<td>2013-05-21 14:36:20</td>
<td><input type="text" placeholder="输入库存数"></input></td>
<td><a class="button small success">保存修改</a></td>
</tr>
求兄弟们能给个详细点的答案，实在是不懂javascript啊，整个页面就差这一个功能实现了。另外，这样的表格有长长一列，我可以用php循环生成动态html标签id的。
感谢感谢！
回复内容：
先放我做好的效果图。如下图1为编辑前的效果，图2为点击“修改库存”后的效果。html和CSS已经弄出来了，但不懂javascript。修改后的数据直接通过后台php修改到mysql，若成功则直接返回数据到库存的td单元格。
然后是我的html代码。
<tr id="3308">
<td><img src="/static/imghwm/default1.png" data-src="/1369118039-3308.jpg!w120" class="lazy" / alt="mysql - 怎么用jQuery、Ajax、php实现这样的无刷新编辑功能？" ></td>
<td><strong>3308</strong></td>
<td><span>3.97</span> M³</td>
<td><span>2950.00</span> 元</td>
<td>2013-05-21 14:36:20</td>
<td><input type="text" placeholder="输入库存数"></input></td>
<td><a class="button small success">保存修改</a></td>
</tr>
求兄弟们能给个详细点的答案，实在是不懂javascript啊，整个页面就差这一个功能实现了。另外，这样的表格有长长一列，我可以用php循环生成动态html标签id的。
感谢感谢！
上面回答的，我没有采纳答案，实在是我水平有限，没有修改好。在php100也同提了这个问题，很快得到解决。下面贴上php100的答案，并附上链接，方便他人。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-1.9.1.min.js"></script>
<style type="text/css">
table{border-collapse:collapse}
td{border:1px #CCC solid;padding:5px;font-size:12px}
a{color:#069;text-decoration:none}
a:hover{color:#C00;text-decoration:underline}
a.button{display:block;border:1px #693 solid;background:#9C6;padding:4px;color:#FFF}
a.success{border-color:#369;background:#69C}
input{font-size:12px;border:1px #999 solid;padding:4px;width:40px;text-align:center}
</style>
</head>
<body>
<table id="dataList">
<tr>
<td><strong>3308</strong></td>
<td><span>3.97</span> M3</td>
<td><span>2950.00</span> 元</td>
<td>2013-05-21 14:36:20</td>
<td>
<span>库存 0 套</span>
<input style="display:none;" type="text" value="0" />
</td>
<td><a href="#" class="button small" rel="2">修改库存</a></td>
</tr>
<tr>
<td><strong>3308</strong></td>
<td><span>3.97</span> M3</td>
<td><span>2950.00</span> 元</td>
<td>2013-05-21 14:36:20</td>
<td>
<span>库存 0 套</span>
<input style="display:none;" type="text" value="0" />
</td>
<td><a href="#" class="button small" rel="1">修改库存</a></td>
</tr>
</table>
<script type="text/javascript">
$("#dataList a").click(function(){
var a=$(this),td=a.parent().prev(),s=td.children('span'),i=td.children('input');
if($.trim(a.text())=='修改库存'){
a.text('保存修改').addClass('success');
s.hide();
i.show();
}else{
$.post('save.php',{id:a.attr('rel'),num:i.val()},function(r){
alert(r.msg);
if(r.status){
s.html('库存 '+r.num+' 套');
a.text('修改库存').removeClass('success');
s.show();
i.hide()
}
},'JSON')
}
return false
})
</script>
</body>
</html>
上面是html页面，下面是php
<?php
header("Content-type: text/html; charset=utf-8");
$r = array(
'msg' => '错误！',
'status' => FALSE,
'num' => 0
);
if(isset($_POST['id']) && isset($_POST['num'])){
if(is_numeric($_POST['id']) && is_numeric($_POST['num'])){
$id = (int)$_POST['id'];
$num = (int)$_POST['num'];
$r['msg'] = '修改成功！';
$r['num'] = $num;
$r['status'] = TRUE;
}else{
$r['msg'] = '错误！[2]';
}
}else{
$r['msg'] = '错误！[1]';
}
echo json_encode($r);
?>
<code>$(document).ready(function() {
//为每一个具有相同id=cartUpdate 的 添加click事件
$("#cartUpdate").live("click",function(){
var text=$(this).text();
if(text=="修改数量"){
var count = $(this).parent().prev().text();
$(this).parent().prev().html("<input style="width:35px" min="1" type="number" value="+count +">");
$(this).text("确定");
}else if(text=="确定"){
var count2 = $(this).parent().prev().children().val();
var id = $(this).parent().prev().prev().prev().prev().text();
$.post("/cart/update", {
"productId" : id,"count":count2
}, function(data) {
if(data=="ok"){
$("#p" + id).next().next().next().text(count2);
$("#p" + id).nextAll().find("button").text("修改数量");
}else{
alert("修改失败");
}
});
}
});
</code>
PHPおよびPython：さまざまなパラダイムが説明されていますApr 18, 2025 am 12:26 AMPHPは主に手順プログラミングですが、オブジェクト指向プログラミング（OOP）もサポートしています。 Pythonは、OOP、機能、手続き上のプログラミングなど、さまざまなパラダイムをサポートしています。 PHPはWeb開発に適しており、Pythonはデータ分析や機械学習などのさまざまなアプリケーションに適しています。
PHPとPython：彼らの歴史を深く掘り下げますApr 18, 2025 am 12:25 AMPHPは1994年に発信され、Rasmuslerdorfによって開発されました。もともとはウェブサイトの訪問者を追跡するために使用され、サーバー側のスクリプト言語に徐々に進化し、Web開発で広く使用されていました。 Pythonは、1980年代後半にGuidovan Rossumによって開発され、1991年に最初にリリースされました。コードの読みやすさとシンプルさを強調し、科学的コンピューティング、データ分析、その他の分野に適しています。
PHPとPythonの選択：ガイドApr 18, 2025 am 12:24 AMPHPはWeb開発と迅速なプロトタイピングに適しており、Pythonはデータサイエンスと機械学習に適しています。 1.PHPは、単純な構文と迅速な開発に適した動的なWeb開発に使用されます。 2。Pythonには簡潔な構文があり、複数のフィールドに適しており、強力なライブラリエコシステムがあります。
PHPとフレームワーク：言語の近代化Apr 18, 2025 am 12:14 AMPHPは、多数のWebサイトとアプリケーションをサポートし、フレームワークを通じて開発ニーズに適応するため、近代化プロセスで依然として重要です。 1.PHP7はパフォーマンスを向上させ、新機能を紹介します。 2。Laravel、Symfony、Codeigniterなどの最新のフレームワークは、開発を簡素化し、コードの品質を向上させます。 3.パフォーマンスの最適化とベストプラクティスは、アプリケーションの効率をさらに改善します。
PHPの影響：Web開発などApr 18, 2025 am 12:10 AMphphassiblasifly-impactedwebdevevermentandsbeyondit.1）itpowersmajorplatformslikewordpratsandexcelsindatabase interactions.2）php'sadaptableability allowsitale forlargeapplicationsusingframeworkslikelavel.3）
スカラータイプ、リターンタイプ、ユニオンタイプ、ヌル可能なタイプなど、PHPタイプのヒントはどのように機能しますか？Apr 17, 2025 am 12:25 AMPHPタイプは、コードの品質と読みやすさを向上させるためのプロンプトがあります。 1）スカラータイプのヒント：php7.0であるため、基本データ型は、int、floatなどの関数パラメーターで指定できます。 3）ユニオンタイプのプロンプト：PHP8.0であるため、関数パラメーターまたは戻り値で複数のタイプを指定することができます。 4）Nullable Typeプロンプト：null値を含めることができ、null値を返す可能性のある機能を処理できます。
PHPは、オブジェクトのクローニング（クローンキーワード）と__Clone Magicメソッドをどのように処理しますか？Apr 17, 2025 am 12:24 AMPHPでは、クローンキーワードを使用してオブジェクトのコピーを作成し、\ _ \ _クローンマジックメソッドを使用してクローン動作をカスタマイズします。 1.クローンキーワードを使用して浅いコピーを作成し、オブジェクトのプロパティをクローン化しますが、オブジェクトのプロパティはクローニングしません。 2。\ _ \ _クローン法は、浅いコピーの問題を避けるために、ネストされたオブジェクトを深くコピーできます。 3.クローニングにおける円形の参照とパフォーマンスの問題を避けるために注意し、クローニング操作を最適化して効率を向上させます。
PHP対Python：ユースケースとアプリケーションApr 17, 2025 am 12:23 AMPHPはWeb開発およびコンテンツ管理システムに適しており、Pythonはデータサイエンス、機械学習、自動化スクリプトに適しています。 1.PHPは、高速でスケーラブルなWebサイトとアプリケーションの構築においてうまく機能し、WordPressなどのCMSで一般的に使用されます。 2。Pythonは、NumpyやTensorflowなどの豊富なライブラリを使用して、データサイエンスと機械学習の分野で驚くほどパフォーマンスを発揮しています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
SublimeText3 中国語版
中国語版、とても使いやすい
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
