Iam getting Handling JSON objects alone in web page,my script file is not working
My index file(index.html)
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<p>Handling JSON Objects</p>
<span id="acc-list"></span>
</body>
</html>
My Script file(script.js)
$(document).ready(function () {
alert("welcome");
var data_url = "data/data.json";
$.ajax({
type: "GET",
url: data_url,
dataType: "json",
success: function (msg) {
var data = msg;
var mesge = $(this).text(message.name);
$("#acc-list").html(mesge);
},
error: function (err) {
console.log(err);
}
})
});
my JSON (data.json)
{
"Employee": [
{
"Firstname": "apple",
"Lastname": "fruits"
},
{
"City" : "anna nagar",
"District" : "chennai"
}
]
}