i new json. have data.json, jquery.min.js , try.html files within folder. problem doesn't show output on screen. tried of examples other websites stackoverflow too, problem remains same. please me out.
try.html :
<body> <div id="append-here"></div> <script type="text/javascript" src="jquery-2.1.4.min.js"></script> <script> $(document).on('ready', function(){ $.getjson('data.json', function (data) { $.each(data, function(index, element) { $('#append-here').append(element.name); }); }); }); </script> data.json :
[ { "id" : "1", "name" : "test1" }, { "id" : "2", "name" : "test2" }, { "id" : "3", "name" : "test3" }, { "id" : "4", "name" : "test4" }, { "id" : "5", "name" : "test5" } ]
and on js console:
xmlhttprequest cannot load file:///c:/users/avi/desktop/html/jsajax/data.json. cross origin requests supported protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
looks running cors problem: http://enable-cors.org/
see more info: a cors post request works plain javascript, why not jquery?
Comments
Post a Comment