如何处理放置在不同脚本标签中的两个不同的ajax？

Question

我有一个包含 3 个下拉列表和 1 个提交按钮的页面，在选择顶部下拉值时，使用 ajax 自动填充。然后使用提交按钮提交信息，为此，我在不同的脚本标签中编写了ajax。这里的问题是第一个 ajax 工作正常，但第二个 ajax 不起作用，我知道不允许 2 个 ajax 调用。我试图通过在同一页面上编写 PHP 来做到这一点，但在重新加载页面时，先前选择的信息会自动提交。    <form style="margin: 10px 50px 10px 50px;" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="POST">                      <div class="row">                        <div class="col-md-12">                          <div class="form-group">Book Name                            <select class="form-control" id="sel_book">                                <option value='0'>---Select---</option>                                <?php                                foreach($result as $key=>$rs):                                {                                ?>                                    <option value="<?php $key; ?>"> <?php echo $rs[1];?> </option>                                <?php                                }                                endforeach;                                ?>                            </select>                          </div>                        </div>                      </div>                      <div class="row" >                        <div class="col-md-12" >                          <div class="form-group">Member ID                          <select class="form-control" id="sel_uid">                          </select>                          </div>                        </div>                      </div>                      <div class="row" >                        <div class="col-md-12" >                          <div class="form-group">Member Name                          <select class="form-control" id ="sel_uname">                          </select>                          </div>                        </div>第二个脚本运行正常，但是没有对PHP页面进行ajax调用。

Answer 1

<script>

        $(document).ready(function(){

            $("#sel_book").change(function(){

                var bid = $(this).val();

                bid = bid+1;

                //alert(bid);

                $.ajax({

                    url: 'get_user.php',

                    type: 'post',

                    data: {id:bid},

                    async: false,

                    dataType: 'json',

                    success:function(response){

                      $("#sel_uid").append("<option value='"+response.name+"'>"+response.name+"</option>");

                      $("#sel_uname").append("<option value='"+response.mname+"'>"+response.mname+"</option>");

                    }

                });

            });

        });

        

         $('#accept').click(function(e){

            var book = $("#sel_book :selected").text();

            var memberId = $("#sel_uid :selected").text();

            var memberName = $("#sel_uname :selected").text();

            var message = book+'\n'+memberId+'\n'+memberName;

            alert(message);

            e.preventDefalut();

            $.ajax({

              type:'post',

              url:'accept_return.php',

              async: false,

              data:{bname:book,memid:memberId,memname:memberName},

              dataType:'json',

              success:function(response){

                $("#final").text("Processing completed sucessfully");

              }

            });

          });

      </script>

嗨，您正面临这个问题，因为已准备好使用两个文档。第一个文档准备好工作正常，但第二个准备就绪无法识别。请将您的点击功能从任何准备好的文档中删除。请尝试使用如下单个脚本。可能会有所帮助