Home/ Questions/Q 7914307
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T14:04:26+00:00

New to Dojo Toolkit, I’m able to successfully get an xhrGet to load on

  • 0

New to Dojo Toolkit, I’m able to successfully get an xhrGet to load on page load but I need to load the xhrGet when a row of a DataGrid is selected. Is there even a way to do so? 

<!doctype html>
<html>
<head>
<script type="text/javascript>
dojo.connect(btn, "onclick", function() {
/************************/
/* xhr - AJAX functions */
/************************/
dojo.ready(function(){

var targetNode = dojo.byId("xhr-container");

var xhrArgs = {
url: "info-to-get.html",
handleAs: "text",
load: function(data){
targetNode.innerHTML = data;
},
error: function(error){
targetNode.innerHTML = "You messed up, dummy!: " + error;
}
}
var deferred = dojo.xhrGet(xhrArgs);
});
});
</script>
</head>
<body>
<button type="button" id="btn">TEST</button>
<br>
<br>
<div id="xhr-container"></div>
</body>
</html>

The xhrGet works fine by itself on page load, no dice when trying to call it through a button.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This will wire up the click of an html domNode to firing a function where you can put your xhr code.

    dojo.connect(someDomNode, 'onclick', function() {
    //xhr code here
});

    If it is a widget, like dijit.form.Button you can write

    dojo.connect(someWidget, 'onClick', function() {
    //xhr code here
});

    –EDIT ———————-

    Based on your posted code, I would expect the following to work:

    dojo.ready(function(){

    var targetNode = dojo.byId("xhr-container");

    var fnDoXHR = function() {
        var xhrArgs = {
            url: "info-to-get.html",
            handleAs: "text",
            load: function(data){
                targetNode.innerHTML = data;
            },
            error: function(error){
                targetNode.innerHTML = "You messed up, dummy!: " + error;
            }
        };
        var deferred = dojo.xhrGet(xhrArgs);
    };

    dojo.connect(dojo.byId('btn'), 'onclick', fnDoXHR);
});
    • 0