Hi:
How can I include jQuery file in HTML web resource?
I included the file and it is shown in page Source (Inspect Element).
but when I call a method that is using jQuery, it is throwing.
ReferenceError: $ is not defined $(document).ready(function(){
although jquery in shown in page source.
any helpful suggestion is appericiated?
Thanks.
Here is complete source code.
<html><head>
<script src="new_Jquery"></script>
<script src="new_Json2"></script>
<script>
function loadTargets(){
$(document).ready(function(){
try{
for(i = 1; i <= 10; i++){
$('div.result').append("<div id='div"+ (i) +"'>Target-" + i +"</div>");
}
for(i = 1; i <= 4; i++){
$('div.usres').append("<div id='div"+ (i) +"'>User-" + i +"</div>");
}
//ExecuteQuery("/new_studentSet?");
}
catch(exp)
{
alert("Exception: " + exp);
}
});
}
function ExecuteQuery(ODataQuery) {
var serverUrl = Xrm.Page.context.getServerUrl();
// Adjust URL for differences between on premise and online
if (serverUrl.match(/\/$/)) {
serverUrl = serverUrl.substring(0, serverUrl.length - 1);
}
var ODataURL = serverUrl + "/XRMServices/2011/OrganizationData.svc" + ODataQuery;
$.ajax({
type: "GET",
contentType: "application/json; charset=utf-8",
datatype: "json",
url: ODataURL,
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader("Accept", "application/json");
},
success: function (data, textStatus, XmlHttpRequest) {
//
// Handle result from successful execution
//
// e.g. data.d.results
alert("Data Loaded Successfully, Thanks.");
},
error: function (XmlHttpRequest, textStatus, errorObject) {
//
// Handle result from unsuccessful execution
//
alert("OData Execution Error Occurred");
}
});
}
//
// Error Handler
//
function ErrorHandler(XMLHttpRequest, textStatus, errorObject)
{ alert("Error Occurred : " + textStatus + ": " + JSON.parse(XMLHttpRequest.responseText).error.message.value); }
</script>
<meta><meta><meta><meta></head>
<body style="word-wrap: break-word;">
<p>Show here a list of all targets...</p>
<input type="button" value="Load Targets" onclick="loadTargets()">
<div class="result"></div>
<div class="usres"></div>
</body></html>
