當前位置:編程學習大全網 - 源碼下載 - 怎麽在PHP網頁上點擊數據出現文本框並可以修改和提交,用AJAX把數據更新到數據庫同時刷新頁面,求代碼

怎麽在PHP網頁上點擊數據出現文本框並可以修改和提交,用AJAX把數據更新到數據庫同時刷新頁面,求代碼

//這個正好手頭正在做的壹個項目中用到,提供思路,可以自由擴充

//在頁面加載的時候註冊壹下?,就是給要點擊的地方添加事件或者是屬性

//頁面源碼

<table>

<tr>

<td?class="canChange">點擊這裏會出現文本框</td>

</tr>

</table>

//JS

$(document).ready(function(){

td_Click();

})

//點擊事件

function?td_Click()?{

$(".canChange").click(function?()?{

var?td?=?$(this);

//所點文本框的id

var?id?=?$(this).attr("id")

var?txt?=?$.trim(td.text());

var?input?=?$("<input?class=\"myinput\"?id='new'?type='text'value='"?+?txt?+?"'style=\"width:80%;heigth:100%;\"/>");

td.html(input);

input.click(function?()?{?return?false;?});

//獲取焦點?

input.trigger("focus");

//文本框失去焦點後提交內容,重新變為文本?

input.blur(function?()?{

//?var?newtxt?=?$(this).val();

var?newtxt?=?$("#new").val();

//判斷文本有沒有修改?

if?(newtxt?!=?txt)?{

if?(newtxt?==?null?||?newtxt?==?"")?{

td.html(txt);

}

else?{

//表示已經修改

$.post(.......)//提交

td.html(newtxt);

}

}

else?{

td.html(txt);

}

});

});

}

刷新頁面可以通過?JQ的?Fresh方法來實現,

或者是是控件刷新來實現,

比如?$("#btnSearch").click();這樣通過JQ調用按鈕點擊,實現重新讀取數據

=================望采納!

  • 上一篇:金蝶k3商務智能系統的運用給企業帶來哪些方便
  • 下一篇:如何在VC中配置winPcap開發環境
  • copyright 2024編程學習大全網