如何使用我的可编辑jquery表获得$ _POST?

时间:2014-10-14 21:28:15

标签: javascript php jquery html

我有这个可编辑的html表,我已经工作了,所以你可以点击单元格并编辑文本,但我也不能让它发布值。

我知道script.js上的5行代码存在问题

test.php的

<h2><u>Edit</u></h2>
    <form action="ajax/name.php" name="edit_template_form" id="edit_template_form" method="post">
        <?php print "<table border=\"1\" class=\"editableTable\">
        <tr>
        <th>Template Name</th>
        <th>Template Description</th>
        </tr>";
            foreach($res as $row){ 
                $temp_description = $row['template_description'];
            echo "<tr>";
            echo "<td id=\"edit_name\" name=\"edit_name\">". $row['template_name']. "</td>";
            echo "<td id=\"edit_template\" name=\"edit_template\">". nl2br($temp_description). "</td>";
            echo "<tr/>"; 
            } 
        print "</table>"; ?>
    </form>
    <div id="template_edit"></div>

name.php

if (isset($_POST['edit_template'])) {
    $template_edit = $db->escape($_POST['edit_template']);

    $user = $db->escape($user);
    $db->update('templates', array('template_description' => $template_edit), 'AND userID="'.$user.'"');

    echo $_POST['edit_template'];
    }


if (isset($_POST['edit_name'])) {   
    $template_name = $db->escape($_POST['edit_name']);

    $user = $db->escape($user);
    $db->update('templates', array('template_name' => $template_name), 'AND userID="'.$user.'"');

    echo $_POST['edit_name'];
    }

的script.js

$(function () {
    $("td").dblclick(function () {

        var OriginalContent = $(this).text();

        $(this).addClass("cellEditing");
        $(this).html("<input type='text' value='" + OriginalContent + "' />");
        $(this).children().first().focus();

            $(this).children().first().keypress(function (e) {
                if (e.which == 13) {

                //POST values
                var edit_template = $('#edit_template').val();
                var edit_name = $('#edit_name').val();

                    $.post('ajax/name.php', {edit_name: edit_name, edit_template: edit_template}, function(data) {
                            $('div#template_edit').text(data);
                            });  

                    var newContent = $(this).val();

                  $(this).parent().text(newContent);
                  $(this).parent().removeClass("cellEditing");
                }
        });

    $(this).children().first().blur(function(){
        $(this).parent().text(OriginalContent);
        $(this).parent().removeClass("cellEditing");
    });
    });
});

0 个答案:

没有答案