如何使用ajax获取包含空格的数据

时间:2017-05-31 20:29:55

标签: javascript ajax whitespace

当我尝试使用空格获取数据时,我遇到了问题。当有空格时,它只会得到第一个单词。

Data on database contain white space

选择下拉列表后,将显示此警报,但不显示任何内容。如果没有空格,则会显示数据。

Alert

这是我的ajax功能

function tampiltugas(namatema)
{
    url = urlumum+"Pengetahuan/Tema1/get_daftar_nilai.php?namatema=" + namatema;

    getAjax();
    alert(url + " ");
    ajaxRequest.open("GET",url);
    ajaxRequest.onreadystatechange=function()
    {
       document.getElementById('tabelTugas').innerHTML = ajaxRequest.responseText;
    }
       ajaxRequest.send(namatema);
}

这是使用onchange下拉来调用ajax函数

<?php 
                echo "<center><div style='display:none;' id='formtugas'>";
                echo "<select id='mapel' name='mapel' class='form-control11' onchange='tampiltugas(this.value);' required>";
                $query1 = mysqli_query($dbh,"SELECT KodeTema, NamaTema FROM tema WHERE KodeKelas='1'");
                echo "<option selected disabled>Pilih Tema</option>";
                while ($ambiltema = mysqli_fetch_array($query1))
                {
                    echo "<option value=".$ambiltema['NamaTema'].">".$ambiltema['NamaTema']."</option>";
                }
                    echo "</select>";
                    echo "</div>";
            ?>  

1 个答案:

答案 0 :(得分:0)

您需要围绕值进行引用。

    echo "<option value='".$ambiltema['NamaTema']."'>".$ambiltema['NamaTema']."</option>";

否则HTML看起来像:

<option value=info with spaces>info with spaces</option>