Question

下面是执行subject操作的ajax代码，但它是以详细的方式实现的，而不是简单的实现。

这里为每个ajax请求和响应实现了单独的代码。

请参阅以下代码：

 <html>
 <head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-       1.7.1.min.js"></script>

   <script type="text/javascript">

       $(document).ready(function(){

             $("#country").change(function(){
                 var country=$("#country").val();


                 $.ajax({
                    type:"post",
                    url:"getstate.php",
                    data:'typeId='+country,
                    success:function(data){
                          $("#state").html(data);
                     }
                 });


           });
       });
  </script>

  <script type="text/javascript">

       $(document).ready(function(){

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

                 var state=$("#state").val();

                 $.ajax({
                    type:"post",
                    url:"getdistrict.php",
                    data:'typeId='+state,
                    success:function(data){
                          $("#district").html(data);
                    }
                 });


           });
       });
  </script>

  <script type="text/javascript">

       $(document).ready(function(){

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

                 var district=$("#district").val();

                 $.ajax({
                    type:"post",
                    url:"getward.php",
                    data:'typeId='+district,
                    success:function(data){
                          $("#ward").html(data);
                    }
                 });


           });
       });
  </script>

  <script type="text/javascript">

       $(document).ready(function(){

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

                 var ward=$("#ward").val();

                 $.ajax({
                    type:"post",
                    url:"getslum.php",
                    data:'typeId='+ward,
                    success:function(data){

                          $("#slum").html(data);
                    }
                 });


           });
       });
  </script>


 </head>
 <body>
    Country : &nbsp;

    <select name="country" id="country">
      <option>-select your country-</option>
    <?php 
    error_reporting(E_ALL); 
    ini_set('display_errors', 1);
    include "dbconfig.php"; 

    $result=sqlsrv_query($conn,"SELECT [CountryId],[Country] from   toilet_Country order by Country");
    while($country=sqlsrv_fetch_array($result)){

    echo "<option value = $country[CountryId]>$country[Country]</option>";

    } ?>
    </select> <br><br>


    State :
    &emsp;&nbsp;&nbsp;
    <select name="state" id="state">
        <option>-select your state-</option>
    </select> <br><br>

     District : &nbsp;&nbsp;
    <select name="district" id="district">
        <option>-select your District-</option>
    </select> <br><br>

    Ward : &nbsp;&nbsp;
    <select name="ward" id="ward">
        <option>-select your ward-</option>
    </select> <br><br>

    Slum : &nbsp;&nbsp;
    <select name="slum" id="slum">
        <option>-select your slum name-</option>
    </select> <br><br>





  </body>
  </html>

我已经在单独的文件中编写代码来从数据库中检索国家，州，地区信息。

我不知道这些ajax调用请求和响应寻找建议我如何使这个代码可移植。

提前致谢。

如何发送多个ajax请求并处理多个请求

0 个答案: