Overriding a jQuery Core function in javascript – getJSON

Question

11.17K viewsSeptember 10, 2022javascript jquery

2

geoff September 7, 2022 0 Comments

I am trying to override the getJSON function in jQuery to provide additional params and then call the original getJSON. I am fairly unfamiliar with JavaScript and have scraped this together from other similar examples. Most of the examples I have seen override the behavior from a function in the jQuery.fn namespace. Could someone help me by telling me what I am doing wrong?

<html>
<head>
<script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
<script type="text/javascript">

(function($){    
    var _old = $.getJSON;
    $.getJSON = function(){
        alert("Calling overridden getJSON");    
        return _old.apply(this,arguments);
    };
})(jQuery);

$(document).ready(function() {
    try {
        $(this).getJSON('ajax/test.json', function(data) {
            var items = [];
            alert('done');
        });
    }
    catch (err)
    {
        alert(err.message);
    }
});
</script>
</head>
<body>
</body>
</html>

1 Answer

score 1 · Answer 1 · 2022-09-07T04:32:42+00:00

You need to call $.getJSON, not $(foo).getJSON;

$.getJSON('ajax/test.json', function(data) {
    var items = [];
    alert('done');
});