JavaScriptとAJAXを使用するHTMLフォームの入力をPHP POSTメソッド

Question

POSTメソッドを使用してPHPスクリプトに渡す必要があるブートストラップとJavaScriptを使用して、いくつかの入力を持つフォームがあります。

私はJavaScript：

$(document).ready(function() { 
     $("#contact_form") 
     .bootstrapValidator({ 
     feedbackIcons: { 
    valid: "glyphicon glyphicon-ok", 
    invalid: "glyphicon glyphicon-remove", 
    validating: "glyphicon glyphicon-refresh" 
    }, 
    fields: { 
    name: { 
     validators: { 
     stringLength: { 
      min: 2 
     }, 
     notEmpty: { 
      message: "message" 
     } 
     } 
    }, 
    n2: { 
     validators: { 
     stringLength: { 
      min: 2, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     } 
     } 
    }, 
    n3: { 
     validators: { 
      stringLength: { 
      min: 3, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     }, 
     } 
    }, 
    n4: { 
     validators: { 
      stringLength: { 
      min: 18, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     }, 
     } 
    }, 
    puesto: { 
     validators: { 
     stringLength: { 
      min: 4, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     } 
     } 
    }, 
    n6: { 
     validators: { 
     stringLength: { 
      min: 4, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     } 
     } 
    }, 

    n7: { 
     validators: { 
      stringLength: { 
      min: 4, 
      message: "message" 
     }, 
     notEmpty: { 
      message: "message" 
     }, 
     } 
    }, 
    } 
}) 
.on("success.form.bv", function(e) { 
    $("#success_message").slideDown({ opacity: "show" }, "slow"); // Do something ... 
    $("#contact_form").data("bootstrapValidator").resetForm(); 

    // Prevent form submission 
    e.preventDefault(); 

    // Get the form instance 
    var $form = $(e.target); 
    console.log($form); 

    // Get the BootstrapValidator instance 
    var bv = $form.data("bootstrapValidator"); 

    // Use Ajax to submit form data 
    $.post(
    $form.attr("action"), 
    $form.serialize(), 
    function(result) { 
     console.log(result); 
    }, 
    "json" 
); 

}); 

}）;

これは、フォームのタイプは使用しています：

<div class="container"> 
<script src="ce.js"></script> 
<form class="well form-horizontal" action=" " method="post" id="contact_form"> 
<fieldset> 

<!-- Form Name --> 
<legend>Title</legend> 

<!-- Text input--> 

<div class="form-group" action="actualizar.php" method="post"> 
<label class="col-md-4 control-label">Nombre</label> 
<div class="col-md-4 inputGroupContainer"> 
<div class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
<input name="name" placeholder="Name" class="form-control" type="text" id="name"> 
</div> 
</div> 
</div> 
<!-- Several other forms below this --> 

を、私はこのように私のPHPで入力を取得する必要があります。

<?php 
    $var = $_POST['name']; 
    echo $var; 
?> 

私はすべてのコードを1つのPHPファイルに保存しています。

現在、POSTでデータを取得していないため、JSのAJAXがPOSTメソッドを使用していますが、そのデータへのアクセス方法がわかりません。私はあなたのすべての助けに感謝します。

Answer 1

あなたのAjax呼び出しは次のようにする必要があります：

$.ajax({ 
    method: 'POST', 
    url: 'your-post-url-here/', 
    data: $form.serialize(), 
    dataType: 'json', 
    success: function(result) { 
    console.log(result); 
    } 
});