私のコードで何が間違っているか知っていますか?私はそれがうまくいくと思った。 ウェブサイトを更新せずに、入力からデータをエコーしたいだけです。 Ajaxがデータを送信しましたが、phpはそれらを表示しませんでした。理由を理解できません。PHPは、AJAXによって送信されたデータをエコーしませんでした
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$(document).on("submit", ".form", function()
{
event.preventDefault();
$.ajax({
type: 'POST',
url: 'http://dev.nostools.cz/',
data: $('.form').serialize(),
success: function() {
//alert('form was submitted');
}
});
})
});
</script>
<div style="width: 250px; height: 100px;">
<div id="show" style="width: 100%; height: 80%; overflow-y: scroll; border: 1px solid black;">
<?php
if (isset($_POST['submit']))
{
echo $_POST['console']; //echo data or do something here
}
?>
</div>
<div style="width: 100%; height: 20%;">
<form class="form" method="post">
<input id="console" style="padding: 0; width: 67%;" type="text" name="console" />
<input style="padding: 0; width: 31%;" type="submit" name="submit" />
</form>
</div>
</div>
別のドメインにPOSTを送信することはできません。おそらくCORSエラーが発生しています。デベロッパーコンソールを確認してください。 – Farkie
POSTリクエストを同じページに送信しようとしていて、すぐに表示されるとしますか? –
はいデータをわかりやすく表示したい –