Question

我想让我儿子拼写测验。我想在id，word和weekNo字段的mysql中输入他的每周单词我正在使用js文本来说出这个词，并将其键入文本框。在他提交之后，有一个函数来检查它是否正确，然后说出mysql行中的下一个单词。我正在接下来的一行......

     $.ajax({
       type: "POST",
       url: "getNext.php",
       data: "count=" + $number,
       success: function(results){
         $('#results').append(results);
       }
     });

getNext.php

    $result = mysql_query("SELECT * FROM spelling LIMIT 
    {$_POST['count']},1");
    while($row = mysql_fetch_array($result))
    {
    echo "<div class='result'>".$row['word'] ."</div>";
    }

在index.php上，我可以在提交时逐一显示$ row [＆＃39; word＆＃39;]

    <div id='results'></div>

我的问题是我不知道如何从ajax调用中获取值到TTS中，我尝试的所有内容都说明了＃34;对象HTMLDivElement＆＃34;

以下是我需要获取ajax值的行...

    var message = new SpeechSynthesisUtterance(AJAX.VALUE.HERE);

Answer 1

根据我的猜测，您将从ajax获取响应，该响应是id="result"的html标记。您可以通过ajaxResponse.innerText

获取实际值

换句话说，如果您将输出作为'object HTMLDivElement'，那么这是一个div元素，并且它具有属性innerText来访问其值所以最终的代码是

var message = new SpeechSynthesisUtterance(AJAX.VALUE.HERE.innertText);

Answer 2

我建议输出Next.php中的确切单词

echo $row['word'];

获得回复时，请在javascript中进行修饰。

success: function(result){
     var word = $.trim(result); // You can use this in your speech engine.
     var wordHtml = "<div class='result'>"+ word + "</div>"; // adding div decoration in JS
     $('#results').append(wordHtml);
   }

Answer 3

我写了你的案例的php测试文件：
html文件：

<html>
<head>
        <script src=".../jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
</head>
<body>
        <button onclick="a()" name="getdata">getdata</button>
        <div id="results"></div>
        <script type="text/javascript">
                function a(){
                        $.ajax({
                       type: "POST",
                       url: "getdata.php",
                       success: function(results){
                         $('#results').append(results);
                       }
                     });
                }
        </script>
</body>
</html>

getdata.php文件：

<?php
echo 1111;

所以，我认为你的问题是你的php文件返回的数据格式。您只需返回json数据，并在html文件中生成html元素。

获取[object HTMLDivElement]

3 个答案: