通过AJAX和PHP进行MySQL数据库更新

我一直在为我的编程旅程中的提示和技巧提供stackoverflow，但我还没有注册。。。直到现在。通过AJAX和PHP进行MySQL数据库更新

我的问题是，是否有可能更新/编辑我插入到html/css表中的mysql数据，而无需转到其他页面？

例如：当我在浏览器中查看表格时，我想编辑我的电子邮件信息。我只需按下编辑按钮，然后电子邮件字段成为一个文本字段在同一页上，然后我可以更新它，并保存？

谢谢！

EDIT（加到我的代码）：

$(button#edit).on('click', function() { 
// get email inline to this edit button 
    var email = $(this).parent().siblings('td.email').html(); 

// change button from edit to save 
$(this).attr('id', 'save-email').html('Save'); 

// change email display to input field 
$(this).parent().siblings('td.email').html('<input type="text" id="user-email" value="'+email+'" />'); 
});

，这是我使用的表被格式化PHP这也从我的数据库抓取数据：

echo '     <tr>'; 
echo '     <td>' . $row['name'].  '</td>'; 
echo '     <td>' . $row['age'].   '</td>'; 
echo '     <td>' . $row['sex'].   '</td>'; 
echo '     <td>' . $row['email'].  '</td>'; 
echo '     <td>' . $row['contact_no']. '</td>'; 
echo '     <td>' . $row['school_name']. '</td>'; 
echo '     <td> 

         <button id = "edit">EDIT</button>';

什么也没有发生，你的帮助非常感谢！

来源

2013-07-29 Mandirigma

您已标记'ajax'，这是一个好开始，您正处在正确的轨道上！请阅读一些[ajax教程]（https://developer.mozilla.org/en/docs/AJAX），如果您遇到任何问题，请回答一个问题。谢谢！ –

感谢提示家伙。由于我对网络编程比较陌生，因此我无法将其纳入考虑范围。 – Mandirigma

是的，这是可能的。这里有一些提示：

使用jQuery来监听按钮上的点击事件并插入文本字段。
在提交，use jQuery to send an ajax-request到一个不同的php文件（如save.php）。
在这个文件里，你可以做任何你通常会做的mysql查询。
再次通过jQuery，将查询的结果显示给用户。

来源

2013-07-29 06:02:54

'使用jQuery' ... –

是的。这是可能的。在你的html代码中创建一个隐藏的div标签。通过ajax当你按下div标签时将被文本框/文本填满。

浏览一些与ajax相关的教程。

来源

2013-07-29 06:04:09

分享你它是如何工作

JS脚本的想法：

$('button#update').click(function(){ 

    $.ajax({ 
    url : 'yourpagehere', 
    data : { 
     id : '1' // send sample data to url 
    }, 
    type: json, 
    sucess: function(response){ 

    //Your script 

    }); 
    }); 

});

PHP：

function yourpagehere(){ 

$id = $_POST['id'] 

$result = updateUserInfo($id); //Your script updating info in your database 

json_encode($result); //Your response 
}

然后你使用Firebug，检查控制台日志上你什么阿贾克斯回。

来源

2013-07-29 06:14:02

为了澄清 - “JS”代码Drixson提供的要求在页面上加载JQuery库。 –

是的，可以使用AJAX。

AJAX是非常强大的jQuery工具，用于制作异步JavaScript调用，这意味着您可以在不加载页面的情况下将数据提交到另一个页面。

以及您可以使用AJAX动态获取数据并在页面中动态填充，无需重新加载页面。

你可以找到许多教程和AJAX的例子。

来源

2013-07-29 06:31:08

通过AJAX和PHP进行MySQL数据库更新

回答

相关问题