0

我正在尝试从表单上使用的信息中更新一些数据库行，但出现了一些错误

这是有问题的代码：

  var html = '';
$(document).ready(function(){
    $(".save_btn").on('click', function() {

        $('.response').each(function(){
            //alert($(this).attr('id'));

            var $no = no.checked;
            var $yes = yes.checked;

            alert($no);
            alert($yes);

            if ($no === 'no') {
                html = $.ajax({
                    url: "response14.php?questionID=" + $(this).attr('id') + "&question=" + $(this).val() + "&check=2",
                    async: false
                }).responseText;
            }   
            if ($yes === 'yes') {
                html = $.ajax({
                    //url: "response.php?questionID=" + $(this).attr('id') + "&response=" + $(this).val() + "&check=1",
                    url: "response14.php?questionID=" + $(this).attr('id') + "&question=" + escape($(this).val()) + "&check=1",
                    async: false
                }).responseText;
            }   

        }); 
        alert(html);
        location.reload();  
    });
})

响应14.php：

include("db_conn.php");
$sql = "update questions set approved = 1, question = ? where questionID = ?";
$qc = $pdo_conn->prepare($sql);
$qc->execute(array($_GET['question'], $_POST['questionID']));
echo 'saved';

带有按钮的代码：

echo "<script src='viewsonly.js' type='text/javascript'> </script><br><center>";    
    include("db_conn.php");

$qry_strings4 = "SELECT * FROM `Y new questions`";
$preps4 = $pdo_conn->prepare($qry_strings4);
            $preps4->execute();
           // $row = $preps4->fetch(PDO::FETCH_ASSOC);
        //echo "$count";
            echo "<table style='border:0px; background-color:lightgrey; width:75%'><thead style='border:0px;'><tr style='border:0px solid white; background-color:#153E7E; text-align:left; color:white; padding: 5; margin: 5;'><th style='border:1px white; padding: 5; margin: 5;'>Question</th><th style='border:1px white; padding: 5; margin: 5;'>Response</th></tr></thead><tbody>";
            while ($row = $preps4->fetch(PDO::FETCH_ASSOC)) {
                echo "<tr style='border:1px white; background-color:lightgrey; color:black; padding: 5; margin: 5;'><td style='border:1px white; vertical-align:top; padding: 5; margin: 5;'>{$row['starName']}</td>
                      <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='{$row['questionID']}' class='response textbox'>{$row['question']}</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr>";
            }
            echo "</tbody></table>";
            echo "<button type='button' class='save_btn' style='align:right'>Save All</button><br>";

呈现的html：

   <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='3792' class='response textbox'>Hello C!!

Where can I send you fan mail? :)
I want your autograph and I'm from the Philippines :)

God bless Cooper!</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr><tr style='border:1px white; background-color:lightgrey; color:black; padding: 5; margin: 5;'><td style='border:1px white; vertical-align:top; padding: 5; margin: 5;'>Gavin Casalegno</td>
                      <td style='border:1px white; padding: 5; margin: 5;'><div id='wrap'>
<textarea cols='85' rows='2' id='3793' class='response textbox'>What is your religion?
Do you believe in God?
How much you measure height?</textarea>
    YES: <input type='checkbox' name='yes' value='yes'> &nbsp;&nbsp;&nbsp;
    NO: <input type='checkbox' name='no' value='no'>    </div></td></tr></tbody></table><button type='button' class='save_btn' style='align:right'>Save All</button><br>

这是错误消息：

TypeError: $(...).live 不是函数

$(".save_btn").live('click', function() {

关于为什么的任何想法？

4

2 回答 2

4 
TypeError: $(...).live is not a function

$(".save_btn").live('click', function() {

上述错误是因为.live()从较新版本的jQuery使用中弃用.on()

$(".save_btn").on('click', function() {
 -------------^^^----
于 2013-09-19T08:43:18.760 回答
1

  1. .live 不推荐使用.on

  2. no 和 yes 定义在哪里？如果<input type="radio" id="no" />那时你需要$("#no")，但你测试价值，这是没有意义的。

  3. 显示一些 HTML - 您似乎有多个响应，并且每个响应都有是/否？如果是这样，他们需要被命名才能被发现。ID 必须是唯一的

你甚至不需要 Ajax：

$(function(){
  $(".save_btn").on('click', function() {
    var check = $("input[name=no]").is(":checked")?2:1;
    // $(this).attr("id") next is the ID of the save button
    location = "response14.php?questionID=" + $(this).attr('id') +
       "&question=" + $(this).val() + "&check="+check;
  });          
});

认真使用

YES: <input type='checkbox' name='yes[]' value='yes'>
NO: <input type='checkbox' name='no[]' value='no'>

然后提交整个表格！！！

如果你想要ajax（我从你的评论中看到你可能需要它，因为你想发布）试试这个

$(function(){
  $(".save_btn").on('click', function(e) {
    e.preventDefault() // in case you have a submit button
    var check = $("input[name=no]").is(":checked")?2:1;
    $.post("response14.php",{
        "questionID":$(this).attr('id'),
        "question":$(this).val(),
        "check":check
      },function(response) { 
      $("#someOutputDiv").html(response);
    });
  });          
});
于 2013-09-19T08:53:58.457 回答