On button click - call Ajax function

Question

I stuck. I try to make Ajax call from button click. Function is loading and responding HTML data. HTML data in format like "< div>...< /div >". When I open "http://domain.com/load_info.php?id=1" in browser, I get all HTML data. But when I try to load it by Ajax function, nothing is loading.

buttons

   <input type='button' onclick='getInfo(1);' value='Load Info' >

Ajax Function

  function getInfo(id_number){
        alert('function started with id =' + in_number); // this alert works fine
        $.ajax({
            type:"GET",
            data: { 'id': id_number },
            url : "load_info.php",
            dataType: "text",
            success: function(response) {
              alert('success');                    // this alert is not working
              $("#info").prepend(response);
            }
        });
  };

SedJ601 · Accepted Answer · 2016-12-06 17:09:01Z

2

You could also use this approach if you are using jQuery:

$("button").click(function(){
    $.get("load_info.php",
    {
        id: id_number
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

answered Dec 6, 2016 at 17:09

SedJ601

14k3 gold badges43 silver badges65 bronze badges

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

1 Comment

Patrik Over a year ago

I'm sorry, but this button is in google map infoWindow. And is generated "on the fly". I need to find solution by my example.

Collectives™ on Stack Overflow

On button click - call Ajax function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related