程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> php通過ajax實現雙擊table修改內容

php通過ajax實現雙擊table修改內容

編輯:PHP綜合
復制代碼 代碼如下:
<script type="text/javascript">
$(function() {

$("td").dblclick(function() { //獲取標簽
var td = $(this);
var itemid=td[0].id;
var txt = td.text();
var input = $("<input type='text' value='" + txt + "'/>");
td.html(input);
input.click(function() { return false; });
//獲取焦點
input.trigger("focus");

input.blur(function() {
var newtxt = $(this).val();

if (newtxt != txt) {
td.html(newtxt);
var caid = $.trim(td.prev().text());

/*這裡做ajax去後台操作

var url = "?a.php&itemid=" + itemid + "&v=" + newtxt; //具體根據網站情況而定

$.get(url, function(data) {
if(data=="1")
{
location.reload();
td.html(txt);
return;
}
td.html(newtxt);
});

}
else
{
td.html(newtxt);
}
});

*/

});
});
</script>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved