新聞中心
PHP,ajax 雙擊修改input表單里面的數(shù)據(jù),失去焦點(diǎn),保存修改數(shù)據(jù)到數(shù)據(jù)庫(kù)里面。
你想實(shí)現(xiàn)的就是php獲取html中input的傳值寫(xiě)入到數(shù)據(jù)庫(kù)中
10年積累的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有鳳臺(tái)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
,你的PHP代碼都沒(méi)有,只有一個(gè)html文件,
php代碼應(yīng)該是用POST獲取input的值,再執(zhí)行sql 的insert into添加數(shù)據(jù)即可。
ajax怎樣實(shí)現(xiàn)修改功能
首先得有個(gè)處理修改 刪除數(shù)據(jù)庫(kù)的php頁(yè)面吧,php接收參數(shù) 然后進(jìn)行修改 刪除操作 前天點(diǎn)擊圖標(biāo) 觸發(fā)ajax請(qǐng)求 post或get數(shù)據(jù)到php頁(yè)面 這樣就可以了
怎么在PHP網(wǎng)頁(yè)上點(diǎn)擊數(shù)據(jù)出現(xiàn)文本框并可以修改和提交,用AJAX把數(shù)據(jù)更新到數(shù)據(jù)庫(kù)同時(shí)刷新頁(yè)面,求代碼
//這個(gè)正好手頭正在做的一個(gè)項(xiàng)目中用到,提供思路,可以自由擴(kuò)充
//在頁(yè)面加載的時(shí)候注冊(cè)一下?,就是給要點(diǎn)擊的地方添加事件或者是屬性
//頁(yè)面源碼
table
tr
td?class="canChange"點(diǎn)擊這里會(huì)出現(xiàn)文本框/td
/tr
/table
//JS
$(document).ready(function(){
td_Click();
})
//點(diǎn)擊事件
function?td_Click()?{
$(".canChange").click(function?()?{
var?td?=?$(this);
//所點(diǎn)文本框的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;?});
//獲取焦點(diǎn)?
input.trigger("focus");
//文本框失去焦點(diǎn)后提交內(nèi)容,重新變?yōu)槲谋?
input.blur(function?()?{
//?var?newtxt?=?$(this).val();
var?newtxt?=?$("#new").val();
//判斷文本有沒(méi)有修改?
if?(newtxt?!=?txt)?{
if?(newtxt?==?null?||?newtxt?==?"")?{
td.html(txt);
}
else?{???????
//表示已經(jīng)修改
$.post(.......)//提交
td.html(newtxt);
}
}
else?{
td.html(txt);
}???????????
});
});
}
刷新頁(yè)面可以通過(guò)?JQ的?Fresh方法來(lái)實(shí)現(xiàn),
或者是是控件刷新來(lái)實(shí)現(xiàn),
比如??$("#btnSearch").click();這樣通過(guò)JQ調(diào)用按鈕點(diǎn)擊,實(shí)現(xiàn)重新讀取數(shù)據(jù)
=================望采納!
網(wǎng)站題目:包含ajaxphp數(shù)據(jù)修改的詞條
文章轉(zhuǎn)載:http://www.ef60e0e.cn/article/dsciege.html