mysqlにデータを送信した後にdivの内容を変更する

Question

mysqlにデータを送信した後にdivの内容を変更する

私はアヤックスを初めて使っています。私はアヤックスの助けを借りてデータを提出し、新しいデータを元のデータと同じdivに置き換えたいと思っています。

スライディングタブ用のjqueryがあります $（document）.ready（function（）{

   //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();
$.アヤックス({
type:"GET",
url: 'mfrnds.php?val='+group+'&& loguser='+user,
success: function(html){ 



}
});
}

私はデータを置き換える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_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 アヤックス 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

追加された 27 10月 2011 〜で 06:34 著者 Sakshi Sharma 編集された 28 10月 2011 〜で 08:11

ビュー: 18

源

ro ru fr es pt de hi bn ar be tr

送信ボタンをクリックするとaddhubs（）関数が呼び出され、og groupとuserの値がmfrnds.phpに渡されます。私は、古いデータを置き換えるデータベースから新しいデータをロードするdivをしたい。

追加された 27 10月 2011 〜で 06:38, 著者 Sakshi Sharma, 源

2 答え

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

ajax呼び出しが終了すると、要求したページの内容（mfrnds.php）がhtml変数に返されます。したがって、必要なdivを選択してhtmlを入力するだけで、以下のように表示することができます。だからここに行く：

あなたのページ

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

したがって、あなたの mfrnds.php には、valとloguser GET変数を使用してデータベースを更新するPHPスクリプトが必要です。データベースが更新されたら、次のような更新されたHTMLを返す必要があります：

*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
                     }  
                     ?>

このコードは基本的には一例であり、mfrnds.phpなどで何をしたいのか分かりませんが、これはあなたに良いアイデアを与えることを願っています！

0

追加された 27 10月 2011 〜で 06:41 著者 Jules

源

HTMLを変更した後に失われるため、スライド効果をやり直す必要があります。 HTMLを更新した後で再起動してください。私は自分の答えを編集しましたが、あなたのタブが何処にどこにあるのかわからないので、その行を編集して機能させることができると確信しています。

追加された 28 10月 2011 〜で 07:04, 著者 Jules, 源

私は私の答えを編集しました。見て、いくつかの適応を行い、試してみてください。基本的には、ページを読み込んで setupTabs（）にタブを設定するだけです。フォームを送信した場合（HTMLコードを追加しなかった場合）、 mfrnds.php にリクエストする addhubs（）に移動します。このページは行を挿入し、新しいレコードに基づいてアイテムの新しいリストを作成します。これは、 success 関数で返されます。ここで、htmlにデータを貼り付けます。その後、 setupTabs（）を再度呼び出してタブを再起動します。そしてそれはうまくいくはずです。

追加された 28 10月 2011 〜で 11:17, 著者 Jules, 源

自分の "localhost"でホストしているファイルを自分のコンピュータ上で見ることができません。どこかにアップロードしてください。私はあなたがmysql_fetch_assocの代わりにmysql_fetch_arrayをやっていることに気付きました。私の答えを編集して、もう一度やり直してください。\

追加された 28 10月 2011 〜で 12:14, 著者 Jules, 源

ああ、申し訳ありません。私は通常、<？=を使用しています。なぜなら、それはずっと短く、私はそれに慣れています。しかし、実際には、すべてのサーバーで有効になっているわけではありません。私の答えに間違いがないかチェックして投票してください。私はあなたを助けてくれてうれしいです！ :)

追加された 28 10月 2011 〜で 12:18, 著者 Jules, 源

私はjuleと言いましたが、divのリフレッシュされたタブでjqueryスライドの効果が止まります。任意の他のアイデアを提案することができますPLZ

追加された 27 10月 2011 〜で 07:13, 著者 Sakshi Sharma, 源

それが動作していないとは限りません。あなたが私のファイルにメールを送っても助けてくれるの？本当にひどく立ち往生した

追加された 28 10月 2011 〜で 05:15, 著者 Sakshi Sharma, 源

私はあなたが何をしたかを試してみましたが、まだそれはうまくいきませんでした。申し訳ありませんが、私は本当にあなたをたくさん困らせています。私はそれをトリガするスライディングdivとjqueryを追加しました。あなたは今それにlukをplzし、いくつかの答えを提案することができます。ありがとうございました

追加された 28 10月 2011 〜で 08:15, 著者 Sakshi Sharma, 源

OMGは私の友人を助けてくれてありがとう。それは魅力のように働いた。ついに5日後に私はこれを完了することができました。あなたに感謝の意を表します。もしも必要な助けがあれば教えてください。私は非常にgudデザイナーです。あなたを助けることがうれしいです。

追加された 28 10月 2011 〜で 12:15, 著者 Sakshi Sharma, 源

追加された 28 10月 2011 〜で 12:16, 著者 Sakshi Sharma, 源

私はそれを友人に聞いた。私はグループを同時に削除して新しいコンテンツを読み込むという古典的な考えを私に与えました。 HA HA。ありがとうございました、

追加された 28 10月 2011 〜で 12:20, 著者 Sakshi Sharma, 源

著者 jakx · Answer 1 · 2011-10-27T06:42Z

あなたがほとんどそこにいるように見えます。

mfrnds.phpファイルに、更新された行を取得する行を追加します

つかいます：

擬似コード

"SELECT * FROMグループ"

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


あなたのコールバック関数
success: function(html){ 

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

}