Вызов PHP и диалоговое окно одним щелчком мыши

Question

У меня есть форма, где я хочу показать пользователю свои входные данные в диалоговом окне и сохранить в SQL с помощью PHP одним щелчком мыши. Проблема в том, что я могу вызвать только одно (либо диалоговое окно, либо PHP) за один раз. В диалоговом окне требуется anchor тег

<a href="#" value="Save" onclick="submit()">Save</a> 
<script> 
    document.forms["myform"].reset(); 
    $(function(){ 
     $("#dialog").dialog({ 
      autoOpen:false, 
      modal:true, 
      width:400, 
      height:300, 
      buttons:{ 
       "OK": function(){ 
         $(this).dialog("close"); 
         alert("Saved"); 

        }, 
       "Cancel":function(){ 
         $(this).dialog("close"); 
        } 
      } 
     }); 

    }); 
    function submit(){ 
     $("#location").html($("#pac-input").val()); 
     $("#type").html($("input:radio[name='sex']:checked").val()); 
     $("#open").html($("#open").val()); 
     $("#close").html($("#close").val()); 
     $("#review").html($("#review").val()); 
     $("#rating").html($("input:radio[name='rating']:checked").val()); 
     $("#dialog").dialog("open"); 
     } 
    </script> 

и PHP требует кнопку отправки для хранения значений

<input type="submit" name="submit"> 
<?php 
      $address= $_POST['address']; 
      $type = $_POST['sex']; 
      $open = $_POST['open']; 
      $close = $_POST['close']; 
      $review = $_POST['review']; 
      $rating = $_POST['rating']; 
      $dbname = "addtoilet"; 
      // Create connection 
      $conn = mysqli_connect("localhost:3306", "root","",$dbname); 

      // Check connection 
      if ($conn->connect_error) { 
       die("Connection failed: " . $conn->connect_error); 
      } else{ 
      echo "Connected successfully"; 
      } 
      $sql = "INSERT INTO add (address, type, open, close) 
       VALUES ('$address', '$type', '$open', '$close')"; 
      if (mysqli_query($conn, $sql)) { 
       echo "New record created successfully"; 
      } else { 
       echo "Error: " . $sql . "<br>" . mysqli_error($conn); 
      } 

      mysqli_close($conn); 
     } 
     ?> 

Answer 1

Написать функцию представить внутри ОК функции диалога.

<a href="#" value="Save" onclick="submit()">Save</a> 
<script> 
document.forms["myform"].reset(); 
$(function(){ 
    $("#dialog").dialog({ 
     autoOpen:false, 
     modal:true, 
     width:400, 
     height:300, 
     buttons:{ 
      "OK": function(){ 
        $("#your_form_id").submit();// also you can call ajax here if you don't want to reload the page 
        $(this).dialog("close"); 
        alert("Saved"); 

       }, 
      "Cancel":function(){ 
        $(this).dialog("close"); 
       } 
     } 
    }); 

}); 
function submit(){ 
    $("#location").html($("#pac-input").val()); 
    $("#type").html($("input:radio[name='sex']:checked").val()); 
    $("#open").html($("#open").val()); 
    $("#close").html($("#close").val()); 
    $("#review").html($("#review").val()); 
    $("#rating").html($("input:radio[name='rating']:checked").val()); 
    $("#dialog").dialog("open"); 
    } 
</script> 

Answer 2

Вам нужно будет использовать Jquery ajax. который будет отправлять данные в php одним и тем же кликом. Вы также можете использовать стенографический метод POST.
Сохраните данные, которые хотите опубликовать в json-формате, в переменной say data и передайте ее методу post.

Функция submit() {
var location = $ ("# pac-input"). Val();
  var data = "{'location': '" + location + "'}";

вар jqxhr = $ .post ("example.php", данные, функция() {
console.log ("успех");
})
.done (функция() {
$ ("#dialog") диалог ("открытый");.

})
.fail (функция() {
console.log ("ошибка");
})
.always (функция() {
console.lo g («завершено»);
});

}
Вы можете открыть диалоговое окно, в зависимости от успеха метода поста