PHP / HTML 模态警报答案

【问题标题】：PHP / HTML modal alertPHP / HTML 模态警报
【发布时间】：2020-08-14 12:55:22
【问题描述】：

<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)return 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"in 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks [i.nodeName.toLowerCase()])&&"get"in 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n? "":n}}

我没有任何警报按钮，但这仍然显示知道为什么吗？

【问题讨论】：

你能打开模态吗？这是真正的问题吗？
是的，就在模式打开之前，“警报”弹出窗口，我点击确定一切恢复正常
你能把发布数据提供到 index.php 我的意思是它是如何聚集的

标签： javascript php html modal-dialog

【解决方案1】：

问题出在你的函数中，你错过了开始标签（。还有空数据

而不是function editproduct)

使用

function editproduct()

并且您需要一个服务器来运行 PHP 文件，请下载 WAMP 或 XAMPP，因为如果没有理解 PHP 的服务器，它只会下载页面。

【讨论】：

感谢回复，放()后还是一样的错误
你在使用像apache这样的服务器吗？
是的，我确实有 xampp 正在运行。我有像正常的寄存器和这样的
@greenboxgoolu data: ，为空，您需要修复它

【解决方案2】：

这是因为在你的函数中缺少 ( 或开括号改为

function editproduct()

【讨论】：

【解决方案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>

【讨论】：

你能打开模态吗？
ajax 调用 php 没有响应？

【解决方案4】：

 <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 脚本使用了 action.php。并认为它会有所帮助

【讨论】：