Как обновить контент без обновления, НО кроме одного элемента внутри этого контента? - PullRequest
Новая
       15

Как обновить контент без обновления, НО кроме одного элемента внутри этого контента?

3 голосов
/ 29 марта 2019

У меня есть несколько DIV на моей странице, они похожи на <div class="playing-track">

, многие из них, у мамы div есть дети, и я могу обновить любого из них без обновления, оно работает, НО ...

Я хочу обновить "дорожку воспроизведения" DIV, но не хочу обновлять элемент span внутри него.вот мой код. 

<code><script type="text/jvascript">
     //REFRESHING DIV AUTOMATICALLY TO CHANGE ARTIST DETAILS:
    setInterval("my_function();",5000); 
    function my_function(){
      $('.playing_track').load(location.href + ' .playing_track');
    }

</script>
<pre><?php
    <div class="playing-track">
       <div class="playing_1">
           <div class="playing_2">
           </div>
           <div class="playing_3">
           </div>
           <span class="message_inside">
          </span>
       </div>
    </div>
?>

Я хочу обновить .playing-track без обновления.Я могу получить это, НО.Я хочу сделать это без обновления элемента span .message_inside.

Возможно ли это?

У меня есть форма, отправленная на этом pAge ajax php pA ge, который отправляет ее вбаза данных.

У меня есть форма, которую я посылаю информацию в базу данных Tru Ajax.Но я заметил, что код ajax вступает в конфликт с загрузкой без обновления кода JavaScript div, поэтому при загрузке div без обновления кода javascript при получении элемента div, где находится форма, замедление субмивента становится очень медленным :(.

Это причина моего вопроса, ребята, могу ли я решить это в любом случае? Мой код Jvascript 

<script type="text/javascript" > 
//<script type="text/javascript" > // Liking songs user_ip
  $(function () {
    $(".button_like_song").click(function (event) {
      var songID = $("#songID").val();
      var artist_liked = $("#artist_liked").val();
      var title_liked = $("#title_liked").val();
      var liked = $("#liked").val();
      var song_date_rated = $("#song_date_rated").val();
      var song_date_played = $("#song_date_played").val();
      var song_duration = $("#song_duration").val();
      var current_user_ip = $("#current_user_ip").val();
      var dataString = 'songID=' + songID + '&artist_liked=' + artist_liked + '&title_liked=' + title_liked + '&liked=' + liked + '&song_date_rated=' + song_date_rated + '&song_date_played=' + song_date_played + '&song_duration=' + song_duration + '&current_user_ip=' + current_user_ip;
      console.log(dataString);
      if (songID == '' || artist_liked == '' || title_liked == '' || liked == '' || song_date_rated == '' || song_date_played == '' || song_duration == '' || current_user_ip == '')
      {
        $('.success').fadeOut(200).hide();
        $('.error').fadeOut(200).show();
      } else
      {
        $.ajax({
          type: "POST",
          url: "get_likes.php",
          data: dataString,
          success: function (data) {
            $('.success').fadeIn(200).show();
            $('.error').fadeOut(200).hide();
            $("#feedback_message").html(data);
          }
        });
      }
      event.preventDefault();
    });
  });
//</script>
//<script type="text/javascript" > // Disliking songs
  $(function () {
    $(".button_dislike_song").click(function (event) {
      var songID_disliked = $("#songID_disliked").val();
      var artist_disliked = $("#artist_disliked").val();
      var title_disliked = $("#title_disliked").val();
      var disliked = $("#disliked").val();
      var song_date_disliked = $("#song_date_disliked").val();
      var song_date_played_disliked = $("#song_date_played_disliked").val();
      var song_duration_disliked = $("#song_duration_disliked").val();
      var current_user_ip_disliked = $("#current_user_ip_disliked").val();
      var dataString = 'songID_disliked=' + songID_disliked + '&artist_disliked=' + artist_disliked + '&title_disliked=' + title_disliked + '&disliked=' + disliked + '&song_date_disliked=' + song_date_disliked + '&song_date_played_disliked=' + song_date_played_disliked + '&song_duration_disliked=' + song_duration_disliked + '&current_user_ip_disliked=' + current_user_ip_disliked;
      console.log(dataString);
      if (songID_disliked == '' || artist_disliked == '' || title_disliked == '' || disliked == '' || song_date_disliked == '' || song_date_played_disliked == '' || song_duration_disliked == '' || current_user_ip_disliked == '')
      {
        $('.success').fadeOut(200).hide();
        $('.error').fadeOut(200).show();
      } else
      {
        $.ajax({
          type: "POST",
          url: "get_dislikes.php",
          data: dataString,
          success: function (data) {
            $('.success').fadeIn(200).show();
            $('.error').fadeOut(200).hide();
            $("#feedback_message").html(data);
          }
        });
      }
      event.preventDefault();
    });
  });
//</script>
//REFRESHING DIV AUTOMATICALLY TO CHANGE ARTIST DETAILS:
    setInterval("my_function();",5000); 
    function my_function(){
      $('.playing_track').load(location.href + ' .playing_track');
    }


</script>

КОД PHP (Самая важная часть [Ниже этого кода есть еще код, таблица иdiv, где последние песни и скоро появившиеся песни]). Ниже скоро появившиеся и недавно воспроизведенные песни должны быть перезагружены без обновления страницы, но форма находится между обоими важными кодами, которые нужно перезагружать (исполнитель Био, исполнитель - Название [Сейчас играетинформация], ближайшие песни / исполнители и недавно сыгранные песни) 

<?php   

     $ch = curl_init();

    $artist = strtolower("$artista_da_biografia");
    $fields = array('method' => 'artist.getInfo',
                'artist' => $artist,
                'api_key' => $lastfm_apikey,
                'lang' => 'pt');

    $fields_string = "";

    foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; }
    rtrim($fields_string,'&');

    curl_setopt($ch, CURLOPT_TIMEOUT, 10);  
    curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/');
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string);
    curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)");
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

    $response = curl_exec($ch)or die( curl_error($ch) );
    curl_close($ch);  
    $s = simplexml_load_string($response);
    //================================PARTIAL END OF SHOWING ARTIST IMAGE WITH LAST FM API================================//
    //=========NOW PLAYING IMAGE AND INFO========================

echo "<div class=\"playing_track\">";
echo    "<div id=\"first_live_stat\">";
echo        "<div id =\"logo_live_stat\"><div id =\"logo_live_stat_image\"></div></div>"; 
echo        "<p class=\"header_live\"> BIOGRAPHY </p>\n";
?>           <div id="artist_bio"><p><?php echo nl2br(strip_tags($s->artist->bio->content)); ?></p></div>
<?php
echo    "</div>";

?>      <div class="img_now_playing_artist">
            <h1 style="text-transform:uppercase;"><?php //print $artist; ?></h1>
            <img src="<?php print $s->artist->image[3]; ?>" alt="<?php print $artist; ?>" />
        </div>
<?php 
    echo "<div id=\"now_playing_text_and_buttons\">";
    echo "<table class=\"coming_up_next\">" . "\n";
        echo " <tr>" . "\n";
        echo "   <td class=\"header_live\">NOW PLAYING</td>\n";
        echo " </tr>" . "\n";
        echo "<tr><td><div id=\"now_playing_text\"><strong>"  . htmlspecialchars($row['artist'], ENT_QUOTES) . " </strong><br/> " . htmlspecialchars($row['title'], ENT_QUOTES) . "</div></td></tr>"; 
        echo "<tr><td><div id=\"like_buttons\">";
        echo "<form id=\"thumb_up\" name=\"like\" action=\"$receivelikespage\" method=\"post\">";
            echo " <input type=\"hidden\" value=\"$songid\" id=\"songID\" name=\"songID\"/>\n";
            echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_liked\" name=\"artist_liked\"/>\n";
            echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_liked\" name=\"title_liked\"/>\n";
            echo " <input type=\"hidden\" value=\"1\" id=\"liked\"  name=\"liked\"/>\n";
            echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_rated\" name=\"song_date_rated \"/>\n";
            echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played\" name=\"song_date_played\"/>\n";
            echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration\" name=\"song_duration\"/>\n";
            echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip\" name=\"current_user_ip\"/>\n";
            echo " <button type=\"submit\" value=\"submit\" class=\"button_like_song\" id=\"button_like_song\" name=\"submit\"><div id=\"up\"></div></button>\n";
            echo '<br />';
        echo "</form>";
        echo "<form id=\"thumb_down\" name=\"dislike\" action=\"$receivedislikespage\" method=\"post\">";
            echo " <input type=\"hidden\" value=\"$songid\" id=\"songID_disliked\"  name=\"songID\"/>\n";
            echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_disliked\" name=\"artist_disliked\"/>\n";
            echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_disliked\" name=\"title_disliked\"/>\n";
            echo " <input type=\"hidden\" value=\"-1\" id=\"disliked\"  name=\"disliked\"/>\n";
            echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_disliked\" name=\"song_date_rated\"/>\n";
            echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played_disliked\" name=\"song_date_played\"/>\n";
            echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration_disliked\" name=\"song_duration\"/>\n";
            echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip_disliked\" name=\"current_user_ip\"/>\n";
            echo " <button type=\"submit\" value=\"submit\" class=\"button_dislike_song\" id=\"button_dislike_song\" name=\"submit\"><div id=\"down\"></div></button>\n";
            echo "<br />";
        echo "</form>";
            echo "<span id=\"feedback_message\"></span></div></td></tr>";


?>

Цель формы - представить рейтинг слушателя (нравится или не нравится песня).

Так что я могу 'Мы не можем использовать span message_feedback для другой части кода, потому что это совершенно свалит с ума мой CSS-макет.

А теперь ктопоможешь мне?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...