使用javascript更改跨度输入(反之亦然)然后使用AJAX更新输入?

时间:2015-02-10 16:25:40

标签: javascript php jquery html ajax

我目前将此代码作为我的范围:

 <span class="subheading">
 <span id="loadNum"><?php echo $status ?></span>
 &nbsp;&nbsp;
 <i class="fa fa-question-circle" rel="tooltip" title="Click on your status to change it." id="blah"></i>
 </span>

现在我正在使用此代码作为javascript:

    <script>
       var switchToInput = function () {
        var $input = $("<input>", {
            val: $(this).text(),
            type: "text",
            style: "color: #000"
        });
        $input.attr("ID", "loadNum");
        $(this).replaceWith($input);
        $input.on("blur", switchToSpan);
        $input.select();
    };
    var switchToSpan = function () {
        var $span = $("<span>", {
            text: $(this).val()
        });
        $span.attr("ID", "loadNum");
        $(this).replaceWith($span);
        $.ajax({
            type:"POST",
            url:"includes/ajaxprocess.php",
            data:{status: status},
            success:function(data){
               $("#info").html(data);
            }

        });
        $span.on("click", switchToInput);
    }
    $("#loadNum").on("click", switchToInput);
</script>

最后但并非最不重要 ajaxprocess.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("blogger");

$status=$_POST["status"];

$query=mysql_query("UPDATE blog_members (status) values('$status') ");

if($query){
    echo "Your status has been updated";
}
else{
    echo "Error in updating your status";
}
?>

但是当我更新我的状态,并让输入成为跨度时,DB的字段不会更新。我怎么能做这个工作。

BTW:$ status已定义。别担心。

1 个答案:

答案 0 :(得分:0)

你更新语法错误。

UPDATE blog_members 
SET status=-- status information 
WHERE user_id=--identifying who the status belongs to

MySQL manual entry on UPDATE