How can I load .html file in a specified div tag using jquery ajax

Question

I'm trying to load a .html file in a other html file ManageAccount page should load in a div with id main, when manage acount is clicked, but it loading the whole page again in div. Result is fethching all the html page insted of new html page can any one suggest me please.

<script type="text/javascript">
    $(document).ready(function(){
      var btn;
      $('button[type="button"]').click(function() { 
        btn = this.id;
        alert(btn);
        $.ajax({
          url: btn.html,
          type: 'GET',
          //async:'false';
          dataType: 'html',
          success: function(result){
            $("#main").html(result);
            alert(result);
          }
       });

      });
    });
</script>

Manage Account Profile Application Status Query

In your ajax call you must pass in the url as a string url: "btn.html" — brroshan
– brroshan, Commented Jul 23, 2015 at 10:31
btn is button id the name is generated on which button is clicked like btn=profile so it will load profile.html. — rikky
– rikky, Commented Jul 23, 2015 at 10:37
If you consider that one of the answers is valid, please, mark it as valid to help others to find similar problems and solutions. @rikky — kosmos
– kosmos, Commented Jul 23, 2015 at 15:58

kosmos · Accepted Answer · 2015-07-23 10:40:47Z

1

You have to wrap in quotes at least the extension of the file url: btn + '.html'.

Also, you can use jQuery .load() method directly:

$('#main').load(btn + '.html');

edited Jul 23, 2015 at 10:40

answered Jul 23, 2015 at 10:29

kosmos

4,2881 gold badge21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kosmos · Accepted Answer · 2015-07-23 15:59:34Z

0

Try using jQuery.load()

 $('button').on("click", function() { 
       $("#main").load("btn.html"); 
 });

edited Jul 23, 2015 at 15:59

kosmos

4,2881 gold badge21 silver badges38 bronze badges

answered Jul 23, 2015 at 10:29

brroshan

1,65017 silver badges19 bronze badges

1 Comment

rikky Over a year ago

i tried with load but problem is, it is not working in chrome $("#btn1").click(function(){ $("#main").load("manageAccount.txt"); });

Collectives™ on Stack Overflow

How can I load .html file in a specified div tag using jquery ajax

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related