【问题标题】:Save/update data in one form with php and jquery使用 php 和 jquery 以一种形式保存/更新数据
【发布时间】:2012-10-04 11:19:32
【问题描述】:

我有一个带有三个输入文本字段的 html 表单

ID:

名字:

姓氏:

还有一个用于将数据保存到 MySQL 的提交按钮,当用户输入名字和姓氏并单击提交时,它将在表中创建一条新记录并返回 ID 字段中的 ID, 对于更新,用户将在 ID 字段中输入一个 ID,并使用 jquery 我将检索名字和姓氏中的详细信息,

我的问题是,在用户在 ID 字段中输入 ID 后,是否有任何方法可以将 ID 的值保存在隐藏字段或会话中,或者任何事情都可以通知我 ID 号 xxxx 的更新状态的表单?

【问题讨论】:

  • 你能提供一些 jsfiddle 吗?它可能会让你觉得 cookie 没问题
  • 我想你回答了你自己的问题。你可以用会话来做到这一点。 $_SESSION['id'] = $_POST['id'] 应该可以工作

标签: jquery mysql forms


【解决方案1】:

如果你使用 jquery/ajax 进行保存更新,那么你应该试试这个

jQuery

$.ajax({
url: "myfile.php",
type: "POST",
data: {firstname : $('#firstname').val(), lastname: $('#lastname').val() },//you can also pass extra field to identify save or update
success: function(res){
 $('#hiddenField').val(res);
}
});  

PHP 代码

<?php
$fname = $_POST['firstname'];
$lname = $_POST['lastname'];
//your query here 
$id = mysql_insert_id();
$_SESSION['id'] = $id;
echo $id;
?>

【讨论】:

    【解决方案2】:

    您可以将数据保存在变量或元素本身中

    为了证明这一点: http://jsfiddle.net/VUJ83/1/

    HTML:

    <input class="watchme" name="test" type=text \> 
    <input class="watchme" name="test1" type=text value="changeme"\>
    <input class="watchme" name="test2" type=text \>
    
    <button id="show">Show changed</button>
    <div id="messages"></div>​
    

    CSS:

    input {
     display: block;   
    }
    .watchme.changed {
    background: red;    
    }
    

    JS:

    $('.watchme').on('keydown', function(e) {
    if ($(this).data().savedval === undefined) {
            $(this).data().savedval = $(this).val();
        }
    });
    $('.watchme').on('keyup', function(e) {
        $(this).addClass('changed');
        if ($(this).val() === $(this).data().savedval) {
            $(this).removeClass('changed');
        }
    });
    
    $('#show').click(function() {
        var msgs = $('#messages')
        msgs.html('');
        $('.watchme.changed').each(function() {
            msgs.append($('<div>').html($(this).attr('name')));
        });
    
    });​
    ​
    

    【讨论】:

      猜你喜欢
      • 2019-05-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多