更新内联不适用于+等符号

Question

I've got the following table on a webpage:

<table class="table table-striped table-condensed">
        <thead>
          <tr>
            <center><th>Name</th><th>Rank</th><th>MOS</th><th>Tag</th><th>MOSTs</th><th>Prom. Date</th><th>DI</th><th>CMO</th><th>MCRC</th><th>Medals</th><th>Leave</th></center>
          </tr>
        </thead>
        <tbody>
            <?php 
                $rank = 'O-10';
                $result->execute();
                while($row = $result->fetch()) {
            ?>
            <tr>
            <td id="habbo_name:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['habbo_name']);?></td>
            <td id="rank:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['rank']);?></td>
            <td id="rating:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['rating']);?></td>
            <td id="tag:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['tag']);?></td>
            <td id="asts:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['asts']);?></td>
            <td id="promotion_date:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['promotion_date']);?></td>
            <td id="rdc_grade:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['rdc_grade']);?></td>
            <td id="cnl_trainings:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['cnl_trainings']);?></td>
            <td id="mcrc:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['mcrc']);?></td>
            <td id="medals:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['medals']);?></td>
            <td id="leave:<?php echo htmlspecialchars($row['user_id']); ?>" contenteditable="true"><?php echo htmlspecialchars($row['leave']);?></td>
            </tr>
            <?php   
                }
            ?>
        </tbody>
    </table>

I have this code which sends a request to ajax.php whenever a td is clicked:

<script type="text/javascript">
$(function(){
    $("td[contenteditable=true]").blur(function(){
        var field_userid = $(this).attr("id") ;
        var value = '$(this).text()' ;
        $.post('ajax.php' , field_userid + "=" + value, function(data){
        });
    });
});
</script>

ajax.php:

<?php
include 'functions/user.php';
if(!empty($_POST))
{
    foreach($_POST as $field_name => $val)
    {
        $field_userid = strip_tags(trim($field_name));

        $split_data = explode(':', $field_userid);
        $user_id = $split_data[1];
        $field_name = $split_data[0];
        if(!empty($user_id) && !empty($field_name))
        {
            $query = "UPDATE `personnel` SET $field_name = '$val' WHERE user_id = $user_id";
            $result = $con->prepare($query);
            $result->execute();
        } else {
            echo "Invalid Requests";
        }
    }
} else {
    echo "Invalid Requests";
}
?>

The problem I have is with 3 of the fields - MCRC, Medals and Leave - the others all update fine.

The MCRC field will either be empty or contain the + symbol. Using firebug, this is the POST request when trying to send a +:

As you can see, the + is removed in the parameters. The same goes for medals.

Leave seems to have a different issue. The parameters are fine but the database is not updated with the [TEST]

If anyone could explain a way for me to send symbols/see what's going wrong with leave that would be great. Thanks.

Answer 1

Got it working by changing

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

to

var value = encodeURIComponent($(this).text());