Zaloguj | Zarejestruj | FAQ
Anonymous

jQuery Ajax Call

+ Odpowiedz

Posty: 5 Strona 1 z 1


jQuery Ajax Call

przez Chikwado » Cz sty 15, 2015 11:55 am

Ostatnio edytowano Wt sty 27, 2015 4:53 am przez Chikwado, łącznie edytowano 18 razy

Avatar użytkownika

Chikwado

  • Posty: 94
  • Dołączył(a): Pn lip 29, 2013 11:36 pm
  • Lokalizacja: Nigeria
--
Focus On Advance Science And Programming.

Re: jQuery Ajax Call

przez vitalemedia » So sty 24, 2015 5:55 pm

@Chikwado,
It isn't possible with your current code without making a few alterations.
What I would do is create a function that will load a file of your choosing into the element of your choosing.

Like So...
Kod: Zaznacz cały
<!DOCTYPE html
<html>
    <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
         $(document).ready
                  (
                     function()
                     {
                        function loadFileIntoElement(el, file)
                           {
                              $(el).load(file);
                           }
                        
                        $("#btnLoad").click
                        (
                           function()
                           {
                              loadFileIntoElement('#div','demo_text.txt'),
                              loadFileIntoElement('#div2','demo_text2.txt')
                           }
                        )//$("#btnLoad").click
                        $("#btnClear").click
                        (
                           function()
                           {
                              $('#div').empty(),
                              $('#div2').empty()
                           }
                        )//$("#btnClear").click
                     }//function()
                  );//$(document).ready
        </script>
    </head>
    <body>
        <div id="div"></div>
        <div id="div2"></div>
        <button class="button" id="btnLoad"> Get External Content </button>
        <button class="button" id="btnClear"> Clear External Content </button>
    </body>
</html>


Peace,
Vital-eMedia
Avatar użytkownika

vitalemedia

  • Posty: 2
  • Dołączył(a): So sty 24, 2015 5:46 pm

Re: jQuery Ajax Call

przez Chikwado » N sty 25, 2015 7:06 am

Thanks. But is it possible to load the 2 content automatic by removing triggerable button?

Ostatnio edytowano N sty 25, 2015 7:40 am przez Chikwado, łącznie edytowano 2 razy

Avatar użytkownika

Chikwado

  • Posty: 94
  • Dołączył(a): Pn lip 29, 2013 11:36 pm
  • Lokalizacja: Nigeria
--
Focus On Advance Science And Programming.

Re: jQuery Ajax Call

przez vitalemedia » N sty 25, 2015 7:28 am

@Chikwado,
Yes, as follows.

All I did was remove the button click functions, causing the loadFileIntoElement
function to be executed as soon as the document is loaded.

Kod: Zaznacz cały
<!DOCTYPE html
<html>
    <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
         $(document).ready
                  (
                     function()
                     {
                        function loadFileIntoElement(el, file)
                           {
                              $(el).load(file);
                           }
                        
                           loadFileIntoElement('#div','demo_text.txt'),
                           loadFileIntoElement('#div2','demo_text2.txt')
                     }//function()
                  );//$(document).ready
        </script>
    </head>
    <body>
        <div id="div"></div>
        <div id="div2"></div>
    </body>
</html>


Peace,
Vital-eMedia
Avatar użytkownika

vitalemedia

  • Posty: 2
  • Dołączył(a): So sty 24, 2015 5:46 pm

Re: jQuery Ajax Call

przez johnmacd » Pt kwi 15, 2016 12:58 pm

Load
This method allows to make Ajax call and to send using both Get and Post methods.
var loadUrl = "TestPage.htm";
$(document).ready(function () {
$("#load_basic").click(function () {
$("#result").html(ajax_load).load(loadUrl, function (response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("#dvError").html(msg + xhr.status + " " + xhr.statusText);
}
}
);
return false;
});
Avatar użytkownika

johnmacd

  • Posty: 23
  • Dołączył(a): Cz cze 13, 2013 12:50 pm
--
Website Designer with 7 years experience as WordPress Developer. Affordable, Professional and Experienced. 100% Satisfaction. 24/7 Available.


+ Odpowiedz

Strona 1 z 1