jqueryを使ってサーバーからデータを読み込む$ .post

これから行うことは、フォームとPHPスクリプトを使ってサーバーにデータを送信することです。それから私はそれを取得し、Jqueryを使用して正しい場所に配置したいと思います。私はなぜか分からないが、この解決策は、 "テキストがテキストなし"になっているように見える。誰かがヒントを持っていますか？

<html> 
<head> 
    <script type="text/javascript" src="jquery-3.1.1.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#send").click(function(event) {   
       $.post("target.php", { 
        melding: $("#input").val(). 
       }, function(data){ 
        $("#meldinger").after("<div>" + data + "</div>"); 
       }); 
       event.preventDefault(); 
      }); 
     }); 
     document.getElementById('demo').innerHTML = date(); 
    </script> 
    <title>Meldingssystem</title> 
</head> 
<body> 
    <h1>Meldingsutveksling</h1> 
    <form action="target.php" method="post"> 
    <textarea id="input" name="input" cols="40" rows="2"></textarea> 
    <br/><input type="submit" name="submit" value="Send"> 
    </form> 
    <h2>Meldinger</h2> 
    <div id="meldinger"> 
    </div> 
</body> 
</html>

PHP

<?php 
if (!empty($_POST['input'])) { 
    $melding = $_POST['input']; 
    echo $melding; 
} 
else { 
    echo "No text in the textbox!"; 
} 
?>

出典

2016-12-03 Jonas Duvsethe

まず、あなたのPHPスクリプトがinputフィールドのデータを期待https://api.jquery.com/jquery.post/

をお読みください。あなたのjquery POSTはinputフィールドには何も入れません。 inputはdataパラメータに存在していることを

$.ajax({ 
    data: { 
     input: $("#input").val() 
    }, 
    datatype: "text", 
    method: "POST", 
    success: function(data, status, xhr) { 
     $("#meldinger").after("<div>" + data + "</div>"); 
    }, 
    error: function(xhr, status, error) { 
     alert("zog zog"); 
    } 
};

は予告：

代わりのようなものを試してみてください。

出典

2016-12-03 19:46:41

この

if (!empty($_POST['input'])) { 
    $melding = $_POST['input']; 
    echo $melding; 
} 
else { 
    echo "No text in the textbox!"; 
}

パラメータは

を送信しても入力POSTがないため

if (!empty($_POST['melding'])) { 
    $melding = $_POST['melding']; 
    echo $melding; 
} 
else { 
    echo "No text in the textbox!"; 
}

であるべき

出典

2016-12-03 19:55:50

jqueryを使ってサーバーからデータを読み込む$ .post

答えて

関連する問題