How to process the data from the JQuery server



  • <script type="text/javascript">
    $(document).ready(function(){
    $("#resultFromButton").one("click", function(){
    $.ajax({
    url: "some.php",
    data-type: "html",
    success: function(dataFromUrl){
    $("#getSome").html(dataFromUrl); /// Хочется тут увидеть плавное
    }                                /// появление данных от сервера(перед этим плавно скрыв то что было)
    });                              /// Пробовал так:
    });/// $("#getSome").fadeOut(1000).html(dataFromUrl).fadeIn(1000);
    });/// Но там происходит чертовщина, видимо проблема в очередях, но понять не в состоянии
    </script>
    <p id="getSome">Answer here!</p>
    <input id="resultFromButton" type="button" value="Get result!">
    

    And about security, isn't it dangerous to point a way to a php crypt?



  • Try it.

    var dataFromUrl = '123';     //возврат данных из ajax-запроса (для примера, вернулось '123'
    setTimeout(function() { //здесь дается 1 секунда на отображение старого содержимого, в Вашем случае - не используйте, т.е. для исполнения берите все, что внутри данного блока
      var selector = $("#getSome"); //запоминается селектор (чтобы не обходить dom много раз
      selector.fadeOut(1000, function() { //использует затухание с временем анимации 1с, передает функцию обратного вызова, которую jQuery сам вызовет по завершению анимации
        selector.html(dataFromUrl).fadeIn(1000);//присваиваем содержимому тега содержимое переменной, инициируем появление со временем анимации в 1 секунду.
      });
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <span id='getSome'>ololo</span>

    You'll be interested in everything inside. setTimeout

    With regard to security, the php violin itself must be written so that it's safe to get out. Because if you need this kind of interactiveity, you can always pull out where and what kind of treatment.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2