Question

我有动态按钮，从数据库生成。例如：

button 1, id=button1
button 2, id= button2
button 3, id= button3
..etc....

如果我点击按钮1，我的功能会发送一些东西到mysql数据库，所以我调用ajax。但我想要的是：如何在进程发送到数据库完成后删除button1？与其他按钮相同（向数据库发送内容，并删除按钮）

在我的按钮中我点击了

这是我的代码：

<script>
    function process(idbutton){
    $.ajax({
                  type: "POST",
                  url: "http://urlofmysite.com/process.php?",
                 data: "pidd=" + idbutton,
                  cache: false,
                  success: function(html){
                    alert(html); //RESPONSE FROM SERVER      
                  }
                }); 
    //REMOVING BUTTON
    document.getElementById(+idbutton+).outerHTML="";
    }
</script>

但它在使用phonegap的jquery mobile上无效

感谢

Answer 1

你应该使用你拥有的东西。首先，ajax调用具有success回调。你应该在那里删除你的按钮。如果ajax调用不起作用（服务器无法访问），则按钮将保留。其次，在项目中使用jQuery。不要混淆jQuery和本机Dom操作函数。使用简单易读的jQuery函数$('#'+idbutton).remove()删除按钮。

 < script >
function process(idbutton) {
    $.ajax({
        type: "POST",
        url: "http://urlofmysite.com/process.php?",
        data: "pidd=" + idbutton,
        cache: false,
        success: function (html) {
            alert(html); //RESPONSE FROM SERVER
            //REMOVING BUTTON
            $('#' + idbutton).remove();
        }
    });

}
<  / script >

点击

1 个答案: