But I cannot display the response from netduino in ConsumeNetduino.html. Please help, i am really new in jQuery and Ajax.
Thank You
Here is the code from the html file:
<html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" type="text/css" media="all" /> <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script> <script> $(function() { $( "#button1" ).button().click(buttonOn); $( "#button2" ).button().click(buttonOff); }); function NetRequest(cmd, param1, param2) { urlStr = "http://192.168.7.9/" + cmd + "/" + param1; if (param2 != undefined) urlStr += "/" + param2; //alert(urlStr); $.getJSON( urlStr, //function (result) { alert(result); alert(result.message); } function (result) { alert(result.message); } ); /* $.ajax({ url: urlStr, success: function() { alert("success"); }, complete: function(XMLHttpRequest, textStatus) { completeProc(XMLHttpRequest.responseText) }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("Error"); }, dataType: 'html' }); */ } function completeProc(responseText) { alert("in completeProc: '" + responseText + "'"); $("#response").html( responseText ); } function buttonOn() { NetRequest("led", 1, 0); } function buttonOff() { NetRequest("led", 0, 0); } </script> </head> <body> <p><button id="button1">On</button> <button id="button2">Off</button></p> <div id="response"></div> </body> </html>