如何調用PHP函數從模式彈出數據上傳到數據庫？

-1

我要上傳的模式彈出輸入到數據庫中的數據。上傳數據的php代碼是用名爲「Add（）」的函數編寫的。現在的問題是我怎麼叫上單擊模式彈出的提交按鈕此功能。如何調用PHP函數從模式彈出數據上傳到數據庫？

模式彈出代碼：

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content" style="padding:15px;"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Please fill your details...</h4> 
      </div> 
      <div class="modal-body" style="background-color:#ededed;padding:20px;"> 
       <form method="post" action="details.php" id="form_login" style="padding:20px;" enctype="multipart/form-data"> 
        <div class="form-group"> 
         <label>Name: </label> 
         <div class="input-group"> 
          <input type="text" class="form-control" name="user" placeholder="Name..." required=""> 
          <label for="uLogin" class="input-group-addon glyphicon glyphicon-user" style="background-color:#337ab7;color:white;"></label> 
         </div> 
        </div> <!-- /.form-group --> 
        <label>Phone number: </label> 
        <div class="form-group"> 
         <div class="input-group"> 
          <input type="number" class="form-control" name="phone" placeholder="Mobile number..." required=""> 
          <label for="uPassword" class="input-group-addon glyphicon glyphicon-phone" style="background-color:#337ab7;color:white;"></label> 
         </div> <!-- /.input-group --> 
        </div> <!-- /.form-group --> 
        <label>Email Id:</label> 
        <div class="form-group"> 
         <div class="input-group"> 
          <input type="email" class="form-control" name="email" placeholder="Email Id..." required=""> 
          <label for="uPassword" class="input-group-addon glyphicon glyphicon-envelope" style="background-color:#337ab7;color:white;"></label> 
         </div> <!-- /.input-group --> 
        </div> <!-- /.checkbox --> 
      </div> <!-- /.modal-body --> 
      <div class="modal-footer"> 
       <button type="submit" class="btn btn-success " id="buyer_details" name="buyer_details" data-dismiss="modal">Submit Details</button> 
      </div> 
      </form> 
     </div> 
    </div> 
</div>

來源

2017-07-27 Abhi K

您需要**嘗試自己編寫代碼**。在[**做更多的研究**之後]（https://meta.stackoverflow.com/q/261592/1011527）如果你有問題**發佈你已經嘗試過**的**清楚的解釋不工作**並提供[最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。閱讀[如何問]（http://stackoverflow.com/help/how-to-ask）一個很好的問題。請務必[參觀]（http://stackoverflow.com/tour）並閱讀[this]（https://meta.stackoverflow.com/q/347937/1011527）。 –

您將需要AJAX。 –

使用Ajax網頁上添加腳本，並設置你的模式提交ID兩個參數爲您的形式添加和id的功能，這個代碼可以作爲添加編輯和刪除..

function userAction(type,id){ 
    //id = (typeof id == "undefined")?'':id; 
    var statusArr = {add:"added",edit:"updated",delete:"deleted"}; 
    var userData = ''; 
    if (type == 'add') { 
     userData = $("#addForm").find('.form').serialize()+'&action_type='+type+'&id='; 
    }else if (type == 'edit'){ 
     userData = $("#editForm").find('.form').serialize()+'&action_type='+type; 
    }else{ 
     userData = 'action_type='+type+'&id='+id; 
    } 
    $.ajax({ 
     type: 'POST', 
     url: 'action.php', 
     data: userData, 
     success:function(msg){ 
      if(msg == 'ok'){ 
       //alert('Patient data has been '+statusArr[type]+' successfully.'); 
       var notif; 
       var r = confirm('Patient data has been '+statusArr[type]+' successfully. Reload?'); 
       if (r == true) { 
        location.reload(); 
        //notif = "You pressed OK!"; 
       } else { 
        $('#myModal').modal('hide'); 
        //notif = "You pressed Cancel!"; 
       } 

      }else{ 
       alert('Some problem occurred, please try again.'); 
      } 
     } 
    }); 
}

然後抓住你後對你action.php的是這樣的

if($_POST['action_type'] == 'add'){   
     $login= $_POST['login'], 
     $email = $_POST['email'], 
     $password = $_POST['password'], 
}

我希望接下來的步驟是對你的好插入數據databas Ë 不過，在你的代碼工作..告訴我們你有什麼迄今..^_^

來源

2017-07-27 19:56:44

可以使用的onsubmit JavaScript事件。

<form onsubmit="Add()"> </form>

在Javascript中 object.onsubmit = Add（添加）

在Javascript object.addEventListener使用addEventListner（「提交」，myScript的）;對這樣的事情

來源

2017-07-27 19:47:32 hsj

你，因爲你是轉發形式POST請求，你可以做details.php文件

以下

if($_POST) { 
    add(); 
} 

function add() { 
    $name= $_POST['name']; 
    $phone= $_POST['phone']; 
    $email= $_POST['email']; 
}

希望這會有所幫助:)

來源

2017-07-27 20:09:36

如何調用PHP函數從模式彈出數據上傳到數據庫？

回答

相關問題