登录 | 注册 | FAQ
Anonymous

jQuery Ajax Call

+ 发表回复

5 篇帖子 分页: 1 / 1


jQuery Ajax Call

Chikwado » 周四 1月 15, 2015 11:55 am

最后由 Chikwado 编辑于 周二 1月 27, 2015 4:53 am,总共编辑了 18 次

头像

Chikwado

  • 帖子: 89
  • 注册: 周一 7月 29, 2013 11:36 pm
  • 地址: Nigeria
--
Focus On Advance Science And Programming.

Re: jQuery Ajax Call

vitalemedia » 周六 1月 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...
代码: 全选
<!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
头像

vitalemedia

  • 帖子: 2
  • 注册: 周六 1月 24, 2015 5:46 pm

Re: jQuery Ajax Call

Chikwado » 周日 1月 25, 2015 7:06 am

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

最后由 Chikwado 编辑于 周日 1月 25, 2015 7:40 am,总共编辑了 2 次

头像

Chikwado

  • 帖子: 89
  • 注册: 周一 7月 29, 2013 11:36 pm
  • 地址: Nigeria
--
Focus On Advance Science And Programming.

Re: jQuery Ajax Call

vitalemedia » 周日 1月 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.

代码: 全选
<!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
头像

vitalemedia

  • 帖子: 2
  • 注册: 周六 1月 24, 2015 5:46 pm

Re: jQuery Ajax Call

johnmacd » 周五 4月 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;
});
头像

johnmacd

  • 帖子: 23
  • 注册: 周四 6月 13, 2013 12:50 pm
--
Website Designer with 7 years experience as WordPress Developer. Affordable, Professional and Experienced. 100% Satisfaction. 24/7 Available.


+ 发表回复

分页: 1 / 1