如何处理放置在不同脚本标签中的两个不同的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>&nbsp; &nbsp; &nbsp; &nbsp; $(document).ready(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#sel_book").change(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var bid = $(this).val();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bid = bid+1;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //alert(bid);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: 'get_user.php',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: 'post',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: {id:bid},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; async: false,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataType: 'json',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success:function(response){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#sel_uid").append("<option value='"+response.name+"'>"+response.name+"</option>");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#sel_uname").append("<option value='"+response.mname+"'>"+response.mname+"</option>");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$('#accept').click(function(e){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var book = $("#sel_book :selected").text();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var memberId = $("#sel_uid :selected").text();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var memberName = $("#sel_uname :selected").text();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var message = book+'\n'+memberId+'\n'+memberName;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert(message);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.preventDefalut();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type:'post',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url:'accept_return.php',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; async: false,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data:{bname:book,memid:memberId,memname:memberName},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataType:'json',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success:function(response){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#final").text("Processing completed sucessfully");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; </script>嗨，您正面临这个问题，因为已准备好使用两个文档。第一个文档准备好工作正常，但第二个准备就绪无法识别。请将您的点击功能从任何准备好的文档中删除。请尝试使用如下单个脚本。可能会有所帮助