jQuery可编辑的表格如何通过PHP更新数据到MySQL?

huaiping 2010-07-09 11:12:30
全部代码在这里 http://blog.csdn.net/maqingbin8888/archive/2009/02/03/3860231.aspx

以下这段关键代码只能实现编辑单元格,请问:当修改了数据按下回车键后,如何通过PHP更新数据到MySQL(AJAX方式)?
function tdclick()  
{
var clickfunction = this ;
var td = $(this)
var text = td.text();
td.html("");
var input = $("<input>");
input.attr("value", text);
input.keyup(function(event) {
var myEvent = event || window.event;
var kcode = myEvent.keyCode;
if (kcode == 13)
{
var inputnode = $(this);
var inputext = inputnode.val();
var tdNode = inputnode.parent();
tdNode.html(inputext);
tdNode.click(tdclick);
}
if(kcode == 27)
{
var inputNode = $(this);
var inputText = text;
inputNode.attr("value",text);
}
});
td.append(input);
var inputdom = input.get(0);
inputdom.select();
td.unbind("click");
}
...全文
111 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
kyzy_yy_pm 2010-07-10
  • 打赏
  • 举报
回复
上面的是jquery框架用法,简洁易用,以下是原版ajax写法:
<?php
//abc.php
if($_GET){
echo $_GET['text'];
}else if($_POST){
echo $_POST['text'];
}else{
echo $_REQUEST['text'];
}
?>

<input type="text" id="text" value="我是中国人">
<input type="button" name="button" value="myAjax" onclick="post_test()">

<script language="javascript">
var request;
function createxmlHttpRequest(){//判断浏览器类型,创建xmlHttpRequest对象
if(!request){
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
}
}

function get_test(){//get发送模式
createxmlHttpRequest();
var url = "abc.php?text=" + encodeURI(document.getElementById("text").value);
request.open("get", url, true);//true同步 false异步
request.onreadystatechange = callback;
request.send(null);
}

function post_test(){//post发送模式
createxmlHttpRequest();
var url = "abc.php";
var send = "text=" + encodeURI(document.getElementById("text").value);
request.open("post", url, true);//true同步 false异步
request.onreadystatechange = callback;
request.setRequestHeader("content-type", "application/x-www-form-urlencoded");
request.send(send);
}

function callback(){//回调函数
if (request.readyState == 4){
if (request.status == 200){
alert(request.responseText);
}else if(request.status == 404){
alert("该路径未找到");
}else if(request.status == 403){
alert("禁止访问");
}else{
alert("status is " + request.status);
}
}
}
</script>
natici 2010-07-10
  • 打赏
  • 举报
回复

$.ajax({
type:'POST,
url:'xxx.php', //需要发送请求到哪个php文件
data:'', //数据
success:function(){
do something here; //你要做的事情
}
});
kyzy_yy_pm 2010-07-10
  • 打赏
  • 举报
回复
判断可编辑的表格的keyCode是否为13(12--ff),是否用ajax请php请求,ajax会吧

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧