私は、PHPとAIMLのプロジェクトで、ホットはマイクを通してユーザーからの質問に応答します。私はjQueryとJSの新機能ですので、ユーザ入力と最終出力の間にローディング効果を実装する際に助けが必要です。JSとPHPを使用して効果を読み込む
<?php
$display = "";
$thisFile = __FILE__;
if (!file_exists('../../config/global_config.php'));
require_once ('../../config/global_config.php');
require_once ('../chatbot/conversation_start.php');
$get_vars = (!empty($_GET)) ? filter_input_array(INPUT_GET) : array();
$post_vars = (!empty($_POST)) ? filter_input_array(INPUT_POST) : array();
$form_vars = array_merge($post_vars, $get_vars); // POST overrides and overwrites GET
$bot_id = (!empty($form_vars['bot_id'])) ? $form_vars['bot_id'] : 1;
$say = (!empty($form_vars['say'])) ? $form_vars['say'] : '';
$convo_id = session_id();
$format = (!empty($form_vars['format'])) ? $form_vars['format'] : 'html';
?>
<!DOCTYPE html>
<html>
<head>
<title>Interact With Sia</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="talk.js"></script>
</head>
<body onload='document.getElementById("say").focus(); document.getElementById("btn_say").style.display="none";'>
<center>
<h3>Talk to Sia</h3>
<form id="chatform1" name="chatform" method="post" action="index.php#end" >
<!-- <label for="say">Say:</label> -->
<input type="text" name="say" id="say" size="70" onmouseover="startDictation()" style="color:red" />
<input type="submit" class="say" name="submit" id="btn_say" value="say" />
<script>
$('#say').trigger('mouseover');
</script>
<input type="hidden" name="convo_id" id="convo_id" value="<?php echo $convo_id;?>" />
<input type="hidden" name="bot_id" id="bot_id" value="<?php echo $bot_id;?>" />
<input type="hidden" name="format" id="format" value="<?php echo $format;?>" />
</form>
<br/><br/>
<?php echo $display; ?> //THIS DISPLAYS THE OUTPUT TO THE QUERY
</center>
</body>
</html>
ページのロードなど、ユーザーのブラウザにマイクは、ユーザーが音声入力を終了した後、クエリはその結果をスクリプトに送信され、[talk.js_startDictation()経由]アクティブ化されるとすぐに<?php echo $display; ?>
によって表示されます。
<?php echo $display; ?>
の代わりに読み込みエフェクトを実装すると、スクリプトでクエリの結果が返され、ページの$display
変数が更新されます。 - ロードjquery.js
(あなたがCDNを使用するか、それをダウンロードすることができ)
1:
[ajax](http://www.w3schools.com/php/php_ajax_php.asp)を使用していますか? – Chay22
私はちょうどローディング効果を達成したい、私はそれを実装する方法を知らない! –