javascript - On button Click call a js file and parse it -
i have task need call through ajax, *.kml file , parse put points on open layer map. far managed do, there no errors , refresh page on button click. please guide me through doing wrong?
$('#get-mydata').click(function() { $.ajax({ url: 'c:\..\kmlfile\2015-05-11_141102_imt2015.kml', datatype: 'html', success: function(data) { console.log(data); var google = new google.maps.latlng(37.42228990140251, -122.0822035425683); var mapoptions = { zoom: 18, center: google } var map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions); var geoxml = new geoxml3.parser({ map: map }); geoxml.parsekmlstring(date); ctalayer.setmap(map); console.log(data); } }); }); < /script><body> <form runat="server"> <input id="get-mydata" type="submit" value="click me" /> </form> </body>as might have noticed brining file local folder.
it refresh page on button click.
you can use preventdefault() stop page refresh.
$('#get-mydata').click(function(ev) {//ev event ev.preventdefault();//prevent default action ..... edit
you can prevent refresh changing button type=submit type button.
<input id="get-mydata" type="button" value="click me" /> ^^^^^^^^^^^^ one more solution return false like
$('#get-mydata').click(function() { $.ajax({ url: 'c:\..\kmlfile\2015-05-11_141102_imt2015.kml', datatype: 'html', success: function(data) { console.log(data); var google = new google.maps.latlng(37.42228990140251, -122.0822035425683); var mapoptions = { zoom: 18, center: google } var map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions); var geoxml = new geoxml3.parser({ map: map }); geoxml.parsekmlstring(date); ctalayer.setmap(map); console.log(data); } }); return false; //here }); however, feel preventdefault better return false better shows intention.
Comments
Post a Comment