单击按钮 - 调用Ajax功能

时间:2016-12-06 16:56:25

标签: ajax function button

我卡住了。我尝试通过按钮点击进行Ajax调用。函数正在加载和响应HTML数据。 HTML数据格式如"< DIV> ...< / div>"。当我打开" http://domain.com/load_info.php?id=1"在浏览器中,我获取所有HTML数据。但是当我尝试通过Ajax函数加载它时,什么都没有加载。

按钮

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

Ajax功能

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

1 个答案:

答案 0 :(得分:1)

如果您使用的是jQuery,也可以使用此方法:

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