Schaltfläche zum Deaktivieren nach dem Klicken in JQuery

Question

Meine Schaltfläche verwendet AJAX, um Informationen zur Datenbank hinzuzufügen und den Schaltflächentext zu ändern. Ich möchte jedoch die Schaltfläche nach einem Klick deaktiviert haben (oder die Person kann die Informationen in der Datenablage spammen). Wie mache ich das?

HTML

<button class="btn btn-lg btn-primary" id='roommate_but' onclick='load(<?php echo $user_id;?>)'><span class="glyphicon glyphicon-plus"></span> Add Person</button> 

Javascript/AJAX/JQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

function load(recieving_id){          
    if (window.XMLHttpRequest){ 
     xmlhttp = new XMLHttpRequest(); 
    } else{ 
     xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); 
    } 

    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
      document.getElementById("roommate_but").innerHTML = xmlhttp.responseText; 


     } 

    } 

xmlhttp.open('GET','include.inc.php?i=' + recieving_id, true); 

xmlhttp.send(); 


} 

Answer 1

* Aktualisierte

jQuery Version etwas wie unten sein würde:

function load(recieving_id){ 
    $('#roommate_but').prop('disabled', true); 
    $.get('include.inc.php?i=' + recieving_id, function(data) { 
     $("#roommate_but").html(data); 
    }); 
} 

Answer 2

Sie können dies, indem Sie das Attribut deaktiviert auf 'behindert' in jquery tun.

$(this).prop('disabled', true); 

Ich habe ein einfaches Beispiel aus http://jsfiddle.net/4gnXL/2/