CODEWITHSUNDEEP
ajaxfunctionbutton
Patrik
Patrik

Reputation: 1327

On button click - call Ajax function

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);
            }
        });
  };

Upvotes: 1

Views: 6950

Answers (1)

SedJ601
SedJ601

Reputation: 13858

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);
    });
});

Upvotes: 2

Related Questions