verander de inhoud van div na het verzenden van gegevens naar mysql

Question

verander de inhoud van div na het verzenden van gegevens naar mysql

ik ben nieuw in Ajax. ik wil een data indienen met behulp van Ajax en dan de nieuwe gegevens krijgen die de oude vervangen in dezelfde div als waarvan de oude gegevens waren.

hier is de jQuery voor glijdende 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){ 



}
});
}

de div wil ik gegevens vervangen

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

    <div class="st_tabs_container">

        
        
    <div class="st_slide_container">

            
                <?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'];
           ?>
                <?php echo $gpName;?>
                       <?php
              }
              ?>                               


        </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

0

toegevoegd 27 oktober 2011 op 06:34 de auteur Sakshi Sharma bewerkt 28 oktober 2011 op 08:11

Bekeken: 6

de bron

wanneer ik op de submit-knop klik, activeert het de functie addhubs() en worden de waarden en de groep en gebruiker doorgegeven aan mfrnds.php. dan wil ik dat de div de nieuwe gegevens uit de database laadt ter vervanging van de oude.

toegevoegd 27 oktober 2011 op 06:38, de auteur Sakshi Sharma, de bron

2 antwoord

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

Wanneer de ajax-oproep is voltooid, wordt de inhoud van de gevraagde pagina (mfrnds.php) geretourneerd in de html-variabele. U kunt dus gewoon de gewenste div kiezen en de html invoeren zoals u hieronder kunt zien. Hier gaan we...:

Uw pagina

<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">          
                        
                    
               <div class="st_slide_container"> 

                    
                         <?php 
                         $sql = mysql_query("select * from groups");
                         while($ab = mysql_fetch_assoc($sql)) {
                              $gp = $ab['group_id'];            
                              $gpName = $ab['group_name']; ?>                 
                              
                                   
                                        <?php echo $gpName;?>
                                   
                              
                         <?php
                         }  
                         ?>        
                    

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

Dus in je mfrnds.php moet je een PHP-script hebben dat de val en loguser GET-variabelen gebruikt en de database bijwerkt. Nadat de database is bijgewerkt, moet u de bijgewerkte HTML als volgt retourneren:

*mfrnds.php

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

              
                     <?php 
                     $sql = mysql_query("select * from groups");
                     while($ab = mysql_fetch_assoc($sql)) {
                          $gp = $ab['group_id'];            
                          $gpName = $ab['group_name']; ?>                 
                          
                               
                                    <?php echo $gpName;?>
                               
                          
                     <?php
                     }  
                     ?>

Merk echter op dat deze code in principe als voorbeeld is bedoeld, ik weet niet wat je precies wilt doen in mfrnds.php enz., Maar ik hoop dat dit je een goed idee geeft!

0

toegevoegd 27 oktober 2011 op 06:41 de auteur Jules

de bron

Je moet gewoon je "dia-effect" opnieuw uitvoeren omdat het verloren is gegaan nadat de HTML is gewijzigd. Dus start het opnieuw nadat u de HTML hebt bijgewerkt. Ik heb mijn antwoord bewerkt, maar ik weet niet precies waar en waar uw tabbladen precies zijn, dus ik weet zeker dat u die regel kunt bewerken om deze te laten werken.

toegevoegd 28 oktober 2011 op 07:04, de auteur Jules, de bron

Ik heb mijn antwoord bewerkt. Neem een kijkje, maak een aantal aanpassingen en probeer het eens. In principe laadt u de pagina en stelt u de tabbladen in via setupTabs() . Als u uw formulier indient (heeft die HTML-code niet toegevoegd), gaat u naar addmubs() waar u het verzoek indient bij mfrnds.php . Deze pagina voegt een rij in en maakt een nieuwe lijst met items op basis van de nieuwe records. Het wordt geretourneerd in de succes -functie, waar u de gegevens in uw html plakt. Hierna start u de tabbladen opnieuw door opnieuw setupTabs() aan te roepen. En het zou moeten werken.

toegevoegd 28 oktober 2011 op 11:17, de auteur Jules, de bron

Ik kan de bestanden die je op je "localhost" hebt gehost niet zien, dus op je eigen computer. Je zou ze ergens moeten uploaden. Ik heb net gemerkt dat je mysql_fetch_array aan het doen bent in plaats van mysql_fetch_assoc. Bewerk mijn antwoord en probeer het opnieuw. \

toegevoegd 28 oktober 2011 op 12:14, de auteur Jules, de bron

Oh, sorry voor dat. Ik gebruik meestal <? = Omdat het een stuk korter is, dus ik ben eraan gewend. Maar inderdaad, niet voor alle servers is dit ingeschakeld. Vink alsjeblieft mijn antwoord aan en stem het in en ik ben blij dat ik je heb geholpen! :)

toegevoegd 28 oktober 2011 op 12:18, de auteur Jules, de bron

ik probeerde waht u jules zei maar het stopt mijn jQuery dia-effect op de tabbladen die ik de div van heb vernieuwd. kan een ander idee worden voorgesteld, plz

toegevoegd 27 oktober 2011 op 07:13, de auteur Sakshi Sharma, de bron

Het werkt niet goed. kan je me helpen als ik je mijn bestand mail? ik heb het echt heel slecht gedaan

toegevoegd 28 oktober 2011 op 05:15, de auteur Sakshi Sharma, de bron

Ik heb geprobeerd wat je zei, maar het werkte nog steeds niet, m sorry, ik ben je erg aan het storen, maar ik zit hier nu echt vanaf 5 dagen vast. Ik heb de glijdende div en de jQuery toegevoegd die het activeert. kun je er nu lol over doen en een antwoord voorstellen? dank je

toegevoegd 28 oktober 2011 op 08:15, de auteur Sakshi Sharma, de bron

OMG jules, mijn vriend, heel erg bedankt voor het helpen. het werkte als een charme. eindelijk na 5 dagen kan ik dit voltooien. alles dankzij jou, dank je. vertel me als er ooit hulp nodig ooit. ik ben een zeer goede ontwerper. ik zal je graag helpen.

toegevoegd 28 oktober 2011 op 12:15, de auteur Sakshi Sharma, de bron

je gebruikte

toegevoegd 28 oktober 2011 op 12:16, de auteur Sakshi Sharma, de bron

Ik heb het vriend getikt. en je gaf me een klassiek idee om de groepen tegelijkertijd te verwijderen en de nieuwe inhoud te laden. HA HA. dank je ,

toegevoegd 28 oktober 2011 op 12:20, de auteur Sakshi Sharma, de bron

de auteur jakx · Answer 1 · 2011-10-27T06:42Z

Het lijkt erop dat je er bijna bent.

Voeg in je mfrnds.php-bestand een regel toe om de bijgewerkte rijen te pakken

gebruik:

pseudocode

"SELECT * FROM groepen"

for each row in groups
  echo "<div> groups.name groups.category


en dan in je callback-functie
success: function(html){ 

   $('.st_tabs').html(html);  //replace the html of the sttabs div with the html echoed out from mfrnds.php

}