PHPとjQueryページのリフレッシュの問題

私はPHPスクリプトからjQueryを使ってデータを取得していますが、何らかの理由でページがリフレッシュされていると仮定できるため、データがすぐに消えてしまうという問題があります。PHPとjQueryページのリフレッシュの問題

"Hello world"を返してページに保持するにはどうすればよいですか？

私のHTML/JSコード：

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

    $("#target").submit(function(event) { 
     var usr = $("#username").val(); 
     var pass = $("#password").val(); 
     $.post("script.php", {username: usr, password: pass}, function(result){ 
      $("#result").html(result); 
     }); 
    }); 

}); 

</script> 
</head> 
<body> 

<p>Start typing a name in the input field below:</p> 
First name: 

<form id="target"> 
    <input id="username" type="text" value="User"> 
    <input id="password" type="text" value="pass"> 
    <input type="submit" value="Go"> 
</div> 

<span id="result"></span> 

</body> 
</html>

PHPコード：あなたが防ぐために必要

<?php 

echo "Hello World"; 

?>

出典

2017-03-05 zeddex

'event.preventDefault（）'？ –

ありがとうございますD – zeddex

@haslam答えは聞こえます。 – chris85

あなたは$（ "#target"）.submit（とフォームを提出している）ので、それはevent.preventDefault（）;

$("#target").submit(function(event) { 

     event.preventDefault(); // add this line 

     var usr = $("#username").val(); 
     var pass = $("#password").val(); 
     $.post("script.php", {username: usr, password: pass}, function(result){ 
      $("#result").html(result); 
     }); 
    });

出典

2017-03-05 19:06:59 Yolo

PHPとjQueryページのリフレッシュの問題

答えて

関連する問題