怎么在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调用按钮点击，实现重新读取数据

=================望采纳！

由于是在同一个页面的即时 *** 作，所以要用用JavaScript才能实现

改为：

<script type="text/javascript">

function setlinkvalue(objlink,value)

{

var o=document.getElementById(objlink)

o.href+='&endcheckcontent='+encodeURI(value)

}

</script>

<form action="update.php" method="post" name="form1" >

<textarea NAME="END_CHECK_CONTENT8" WRAP="PHYSICAL" onblur="javascript:setlinkvalue('objlink1',this.value)"></textarea>

<a id="objlink1" href="update.php?CHECK_TYPE=1&DIA_ID=<?=$DIA_ID1?>&CUR_PAGE =<?=$CUR_PAGE?>&<?=$urlstr?>">合格</a>

<a href="update.php?CHECK_TYPE=2&DIA_ID=<?=$DIA_ID1?>&CUR_PAGE =<?=$CUR_PAGE?>&<?=$urlstr?>">不合格</a>

</form>

楼主贴出的代码是主要代码不是完整代码，以下是对你贴出代码的修改，接收数组并批量更新

接收数据格式形如:

array(

0=>array(

'id' =>1,

'title'=>'标题1'

'url'=>'...'

),

1=>array(

'id' =>1,

'title'=>'标题1'

'url'=>'...'

),

)

注意在原来的基础上加了更新条件id,不加的话是会更新全部的。

A页面代码：

<?php

$exec="select * from focusimg"

$result = mysql_query($exec,$link)

$i=0

while($pt=mysql_fetch_array($result)){

?>

<tr onmouseover="this.className='admTr'" onmouseout="this.className=''">

<td width="17%" align="right">标题<?php echo $pt['id']?>：<input name="<?php echo "focusimg[$i][id]"?>" value="<?php echo $pt['id']?>" type="hidden"/></td>

<td><input name="<?php echo "focusimg[$i][title]"?>" type="text" id="textfield" value="<?php echo $pt['title']?>" size="30" /></td>

<td width="17%" align="right">链接<?php echo $pt['id']?>：</td>

<td><input name="<?php echo "focusimg[$i][url]"?>" type="text" id="textfield" value="<?php echo $pt['url']?>" size="30" /></td>

</tr>

<?php

$i++

}

?>

B页面代码：

<?php

include 'conn.php'

$focusimg=$_POST['focusimg']

foreach($focusimg as $k=>$v) {

$exec="update chips set title='{$v[title]}',url='{$v[url]}' where id='{$v[id]}'"

mysql_query($exec, $link)

}

mysql_close($link)

echo "edit OK!"

?>

---