PHP / HTML модальное оповещение

Question

<div id="editproductdiv" onclick="editproduct();"> </div>


<div id="editproductform" class="modal fade" role="dialog">
  <div class="modal-dialog" style="width:1000px;">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Cancellation Reason </h4>
      </div>

      <div class="modal-body" id="editproduct" style="display:inline-block">
      </div>
      <div class="modal-footer" style="display:none;">
      </div>
    </div>

  </div>
</div>


<script>
function editproduct() {
    $('#editproductform').modal('show');
        $.ajax({
              url: 'index.php?route=order/order_details/editproduct',
            dataType: 'json',
            type: 'post',
            data: ,
            beforeSend:function(){
              $("#editproduct").html('loading');
            },
            success:function(json){
                if(json['error']){
                    // alert(json['error']);
                } else {
                    $("#editproduct").html(json['editproduct']);
                }
            }
        });
    }

</script>

Проблема: когда я нажимаю кнопку на странице просмотра, появляется это предупреждение: https://prnt.sc/s8gn6w

Код ошибки:

function (e) {var t, n, r, i = this [0]; {if (arguments.length) возвращает r = g (e), this.each (function (n) {var i; 1 = == this.nodeType && (null == (i = r? e.call (this, n, w (this) .val ()): e)? i = "": "number" == typeof i? i + = "": Array.isArray (i) && (i = w.map (i, function (e) {return null == e? "": E + ""})), (t = w.valHooks [this.type ] || w.valHooks [this.nodeName.toLowerCase ()]) && "set" в t && void 0! == t.set (this, i, "value") || (this.value = i))}) ; if (i) return (t = w.valHooks [i.type] || w.valHooks [i.nodeName.toLowerCase ()]) && "get" в t && void 0! == (n = t.get (i , "значение"))? n: "строка" == typeof (n = i.value)? n.replace (bt, ""): null == n? "": n}}

У меня не было ни одной кнопки оповещения, но это все еще показывает какую-либо идею, почему?

Answer 1

Проблема в вашей функции, вы пропустили открывающий тег (. А также пустые данные

вместо этого, если function editproduct)

используйте

function editproduct()

, и вам нужно сервер для запуска PHP файлов, загрузка WAMP или XAMPP без сервера, который понимает PHP, он просто загружает страницу.

Answer 2

 <button type="button" onclick="editproduct();" name="button">button</button>


<div id="editproductform" class="modal fade" role="dialog">
  <div class="modal-dialog" style="width:1000px;">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Cancellation Reason </h4>
      </div>

      <div class="modal-body" id="editproduct" style="display:inline-block">
      </div>
      <div class="modal-footer" style="display:none;">
      </div>
    </div>

  </div>
</div>


  <script type="text/javascript">
      function editproduct(){
        //alert("ok");
         $('#editproductform').modal('show');
         $.ajax({
                     url: 'action.php',
                     dataType: 'json',
                     type: 'post',
                     data: {
                       route : 'your_route' //this you can post your every data by using comma (,)
                     },
                     beforeSend:function(){
                       $("#editproduct").html('loading');
                     },
                     success:function(json){
                       console.log(json);
                         if(json.error){
                             // alert(json['error']);
                         } else {
                             $("#editproduct").html(json.editproduct);
                         }
                     }
                 });


      }
  </script>
  </body>
</html>

У меня есть действие. php для вашего php сценария. и думаю, что это поможет

Answer 3

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>
<body>
<button id="editproductdiv" name="editproductdiv" > click here</button>


<div class="container">


  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

</div>
<script>

    $(document).ready(function(){
      $("#editproductdiv").click(function(){
                 $("#myModal").modal();
      });
    });

</script>
</body>

Answer 4

это потому что отсутствует (или открывающая скобка в вашей функции меняется на

function editproduct()