php - how to send multiple ajax request and process the multiple request -


below ajax code perform subjected action implemented in manner of elaboration instead of simple one.

here implemented separate code each ajax request , response.

please see below code: 

 <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 country-</option>     <?php      error_reporting(e_all);      ini_set('display_errors', 1);     include "dbconfig.php";       $result=sqlsrv_query($conn,"select [countryid],[country]   toilet_country order 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 state-</option>     </select> <br><br>       district : &nbsp;&nbsp;     <select name="district" id="district">         <option>-select district-</option>     </select> <br><br>      ward : &nbsp;&nbsp;     <select name="ward" id="ward">         <option>-select ward-</option>     </select> <br><br>      slum : &nbsp;&nbsp;     <select name="slum" id="slum">         <option>-select slum name-</option>     </select> <br><br>        </body>   </html>

and have written code in separate files retrieve country,state,district information database.

i unaware of these ajax call request , response looking advise how can make code portable.

thanks in advance.


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more