如何处理放置在不同脚本标签中的两个不同的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>                      </div>第二个脚本运行正常，但是没有对PHP页面进行ajax调用。