AJAXを使用してモーダルフォームからデータを保存

Question

モーダルフォームに入力したデータをファイルに保存し、送信後にアラートに戻すことができます。

これは現在のAJAXです。

$("#submit").click(function(){ 

     $.ajax({ 
      type: "POST", 
      url: "save.php", 
      data: $('#form1').serialize(), 
      success: function(r){ 
       alert (r); 
      return false; 
      }, 
      dataType: "html" 
     }); 

     $('.modal').modal('show'); 
    }); 

あなたがsave.phpを確認する必要がある場合は、ここにある：あなただけのPHPファイルからJSONデータをエコーする必要がラインfile_put_contents($file, $json, FILE_APPEND);

Answer 1

後

<?php 
    // check if a form was submitted 
    if(!empty($_POST)){ 
     // convert form data to json format 
     $data = array(
      "name" => $_POST['name1'], 
      "branch_address" => $_POST['bAddress1'], 
      "officer_in_charge" => $_POST['officer1'], 
      "contact_number" => $_POST['contactN1'] 
     ); //processes the fields on the form 

     $json = json_encode($data); 
     $file = 'entries.json'; 
     // write to file 
     file_put_contents($file, $json, FILE_APPEND); 
?> 

Answer 2

使用echo $json;、

$json = json_encode($data); 
    $file = 'entries.json'; 
    // write to file 
    file_put_contents($file, $json, FILE_APPEND); 
    echo $json; 

これはajax経由でデータが返される方法ですそれは、この場合には変数rとしてスクリプトによって取り込まれるべきです。

Answer 3

ファイルsave.php

<?php 
    // check if a form was submitted 
    if(!empty($_POST)){ 
     // convert form data to json format 
     $data = array(
      "name" => $_POST['name1'], 
      "branch_address" => $_POST['bAddress1'], 
      "officer_in_charge" => $_POST['officer1'], 
      "contact_number" => $_POST['contactN1'] 
     ); //processes the fields on the form 

     $json = json_encode($data); 
     $file = 'entries.json'; 
     // write to file 
     file_put_contents($file, $json, FILE_APPEND); 
     echo $json; 
?>