フォームを送信したり、ページを更新したりせずに、jqueryの変数の値をPHPに渡すにはどうすればよいですか？

Question

私のAjaxはこれです：

$.ajax({ 
    type: "POST", 
    url: 'index.php', 
    datatype: 'html', 
    data: { password : password} 
}); 

は$pwordに保管しようとしています。しかし、それは格納されません。 PHP：

<input type="password" placeholder="password" id="password" name="password"/> 

助けてください：

if(isset($_POST['password'])) 
{ 
    // store session data 
    $pword=$_POST['password']; 
} 

HTMLはこれです。 のsetTimeout関数内

Answer 1

あなたは後述するように、PHPのページにフォーム値を渡すためにはJavaScript のsetTimeout機能を使用することができ、

私はpassData（と呼ばれる機能が追加されている）、それが呼び出すので、 passData（）機能に遅延があります。

HTML：

<input type="password" placeholder="password" id="password" name="password"/> 

Javascriptを：

setTimeout(function() { passData() }, 3000); 

function passData(){ 
    var password = $("#password").val(); 
    $.ajax({ 
     type: "POST", 
     url: 'index.php', 
     datatype: 'html', 
     data: { password : password} 
    }); 
} 

Answer 2

データを送信するために）（form.serializeを使用しています。

$.ajax({ 
      type: "POST", 
      url: 'index.php', 
      datatype: 'html', 
      data: form.serialize() 
}); 

Answer 3

jqueryのドキュメントから$.ajax要求は次のようになります。

$.ajax({ 
    method: "POST", 
    url: "some.php", 
    dataType: 'json', 
    data: { name: "John", location: "Boston" } 
}) 
.done(function(msg) { 
    alert("Data Saved: " + msg); 
}); 

もう一つの提案は、ボタンを作成することです。これを押すと、データはPHPファイルに送られます。

<input type="password" placeholder="password" id="password" name="password"/> 
<input type="button" id="submit" name="submit" value="submit" /> 

jQueryのコードは次のようになります。

$(document).ready(function(){ 
    $('#submit').click(function(){ 
     $.ajax({ 
      method: "POST", 
      url: "my-php-file.php", 
      dataType: 'json', 
      data: { password: $('#password').val() } 
     }) 
     .done(function(msg) { 
      alert("Data sent: " + msg); 
     }); 
    }); 
}); 

Answer 4

HTML

<input type="password" placeholder="password" id="password" name="password"/> 
 
<input type="button" onclick="sendData()" value="Ok">

Javascriptを

function sendData(){ 
 
    
 
    $.ajax({ 
 
     type: "POST", 
 
     url: 'index.php', 
 
     datatype: 'html', 
 
     data: { password : $("#password").val()} 
 
    }); 
 
}

Answer 5

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#password').on('blur',function(){ 
    var password = $('#password').val(); 

    $.ajax({ 
      type: "POST", 
      url: 'index.php', 
      datatype: 'html', 
      data: { password : password 
      }, 
      success: function(data){ 
      alert(data); 
     } 

     }); 


}) 
}) 
</script> 

<form method="post"> 
    <input type="password" placeholder="password" id="password" name="password"/> 
</form> 

Answer 6

すべての最初：サーバー側（PHP）とHTMLコードには何の問題もありません。jQueryの部分について

ので：あなたは、私は以下のなかったような行を修正する必要があります。

$.ajax({ 
 
      type: "POST", 
 
      url: 'index.php', 
 
      datatype: 'html', 
 
      data: { 
 
       password : $("#password").val() 
 
       //here i asked jquery to fetch entire value of my html input(with an id of "password") as text(Not an Object) so it gives me the entered text value. 
 
        }}) 
 
       .success(function(data) {      alert(data.toString()); 
 
     });//optional function:runs when server responses to your request

あなたがやろうとしてrを正確に何を説明している場合、私はより詳細なヘルプを残すことができます。