Home/ Questions/Q 6728625
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T10:11:35+00:00

i am new to ajax . i want to submit a data with the

  • 0

i am new to ajax . i want to submit a data with the help of ajax and then get the new data replacing the old one in the same div as of which the old data was .

here is the jquery for sliding tab
$(document).ready(function() { 

    // Vertical Sliding Tabs
    $('div#st_vertical').slideTabs({            
        // Options
        contentAnim: 'slideH',
        contentAnimTime: 600,
        contentEasing: 'easeInOutExpo',
        orientation: 'vertical',
        tabsAnimTime: 300                       
    });     

});

ajax

function addhubs()
{
var group =$('#customhubs').val();
var user=$('#loginuser').val();
$.ajax({
type:"GET",
url: 'mfrnds.php?val='+group+'&& loguser='+user,
success: function(html){ 



}
});
}

the div i want to replace data

      <div id="st_vertical" class="st_vertical">

    <div class="st_tabs_container">

        <a href="#prev" class="st_prev"></a>
        <a href="#next" class="st_next"></a>
    <div class="st_slide_container">

            <ul class="st_tabs">
                <?php $sql=mysql_query("select * from groups");
           while($ab=mysql_fetch_array($sql))
            {
           $gpID[]=$ab['group_id'];
           $gp=$ab['group_id'];
           $gpName=$ab['group_name'];
           ?>
                <li><a href="#stv_content_<?php echo $gp;?>" rel="v_tab_<?php echo $gp;?>" class="st_tab "><?php echo $gpName;?></a></li>
                       <?php
              }
              ?>        </ul>                       


        </div> <!-- /.st_slide_container -->

    </div> <!-- /.st_tabs_container -->

and the mfrnds.php of the ajax call file contains query to update the new data. 

    $user=$_GET['loguser'];
    $group=$_GET['val'];
    $sql=mysql_query("insert into groups (group_name) values ('$group')");

how can i update the div in the above . plz help me .m stuck badly luking for solution from 4 days. thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Note that in your addhubs function you should only add one & in your url and concatenate everything without spaces in between such as below.

    When the ajax call has finished it returns the contents of the page you requested (mfrnds.php) in the html variable. So you can simply select the div you want and enter the html as you can see below. So here we go…:

    Your Page

    <html>
<body>
     <script>
          $(document).ready(function() { 
              setupTabs(); 
          }); 

         function setupTabs() {
               // Vertical Sliding Tabs     
               $('div#st_vertical').slideTabs({  
                    // Options         
                    contentAnim: 'slideH',         
                    contentAnimTime: 600,         
                    contentEasing: 'easeInOutExpo',         
                    orientation: 'vertical',         
                    tabsAnimTime: 300                            
               });   
          }

          function addhubs() {
              var group = $('#customhubs').val();
              var user = $('#loginuser').val();

              $.ajax({
                  type:"GET",
                  url: 'mfrnds.php?val=' + group + '&loguser=' + user,
                  success: function(html) { 
                      //Get div and display the data in there
                      $('div.st_slide_container).html(html);

                      //As your slide effect is gone after you updated this HTML, redo your slide effect:
                      setupTabs();

                  }
              });
          }

     </script>

     <!-- Vertical div -->
     <div id="st_vertical" class="st_vertical"> 
          <div class="st_tabs_container">          
               <a href="#prev" class="st_prev"></a>         
               <a href="#next" class="st_next"></a>     
               <div class="st_slide_container"> 

                    <ul class="st_tabs">
                         <?php 
                         $sql = mysql_query("select * from groups");
                         while($ab = mysql_fetch_assoc($sql)) {
                              $gp = $ab['group_id'];            
                              $gpName = $ab['group_name']; ?>                 
                              <li>
                                   <a href="#stv_content_<?=$gp?>" rel="v_tab_<?=$gp?>" class="st_tab ">
                                        <?php echo $gpName;?>
                                   </a>
                              </li>
                         <?php
                         }  
                         ?>        
                    </ul>

               </div> <!-- /st_slide_container -->
          </div> <!-- /st_tabs_container -->
     </div> <!-- /st_vertical -->
</body>
</html>

    So in your mfrnds.php you should have a PHP script that uses the val and loguser GET variables and updates the database. After the database has been updated you should return the updated HTML like the following:

    *mfrnds.php

    <?php
       $user = $_GET['loguser'];     
       $group = $_GET['val'];     
       $sql = mysql_query("insert into groups (group_name) values ('$group')");     ?>

              <ul class="st_tabs">
                     <?php 
                     $sql = mysql_query("select * from groups");
                     while($ab = mysql_fetch_assoc($sql)) {
                          $gp = $ab['group_id'];            
                          $gpName = $ab['group_name']; ?>                 
                          <li>
                               <a href="#stv_content_<?=$gp?>" rel="v_tab_<?=$gp?>" class="st_tab ">
                                    <?php echo $gpName;?>
                               </a>
                          </li>
                     <?php
                     }  
                     ?>        
              </ul>

    Note though that this code is basically meant as an example, I don’t know what you want to do exactly in mfrnds.php etc, but I hope this gives you a good idea!

    • 0