javascript - jQuery load() 问题添加了中断

Question

我的 .load 函数有问题。我在加载数据时遇到问题，它在文本区域的顶部和底部放置换行符。我检查了数据库以查看问题是否来自那里，但事实并非如此。所以任何人都可以帮助我。谢谢..

http://gyazo.com/a0562c067824c10b82aae17c2e918353

HTML代码

<div class="col-md-4">Match ID</div>
<div class="col-md-8"><input type="text" class="form-control" name="match_id" id="match_id" value="<?if(isset($_POST['match_id']))  echo $_POST['match_id']?>" /></div>

<div class="col-md-4">Ticket Category</div>
<div class="col-md-8">
    <select class='form-control' name="ticket_category" id="ticket_category">
        <option value="-1">Select One..</option>
        <?php
        foreach ($ticket->getStaffcategories() as $key => $value){
            echo "<option value=\"$value[id]\">$value[name]</option>";
        }
        ?>
    </select>
</div>

<div class="col-md-4">Body</div>
<div class="col-md-8"><textarea rows="5" id="Ticketbody" class="form-control"><?if(isset($_POST['Ticketbody'])) echo $_POST['Ticketbody']?></textarea></div>

PHP代码

$("#ticket_category").change(function(){
    var id = parseInt($('#ticket_category').val());
    if(id != -1){
        $("#Ticketbody").html('Retrieving Information...');
        $("#Ticketbody").load('../includes/function.php?function=gettickettemp',{'categorie_id':id}, 'text');
   }else{
        $("#Ticketbody").html('');
   }
});

函数PHP代码

case "gettickettemp":
    if(isset($_POST["categorie_id"])){

        $categorie_id = $sql->escape_string($_POST["categorie_id"]);
        $getTemp = $sql->query("SELECT * FROM `ticket_categories` WHERE `id` = '$categorie_id'");
        $tempData = $getTemp->fetch_assoc();

        $data = str_replace('<br>', "\n", $tempData['body']);

        echo $data;
    }
    break;

Answer 1

正如@dandavis 在评论中所建议的那样，您应该在将字符串发送到您的浏览器之前在 PHP 中 trim 该字符串:

case "gettickettemp":
    if(isset($_POST["categorie_id"])){

        $categorie_id = $sql->escape_string($_POST["categorie_id"]);
        $getTemp = $sql->query("SELECT * FROM `ticket_categories` WHERE `id` = '$categorie_id'");
        $tempData = $getTemp->fetch_assoc();

        $data = str_replace('<br>', "\n", $tempData['body']);

        echo trim($data); // <-- remove whitespace here.
    }
    break;

您可以使用 Chrome 的开发工具检查负载是否包含空格。如果您按 Command+Shift+I (Mac) 然后单击 network 选项卡，新的 AJAX 请求应该出现在那里。如果没有，则重新加载页面，您应该会看到所有请求，新请求显示在底部。

您可以通过单击response 选项卡来检查服务器发回给您的内容。