diff --git a/examples/component/components_geojson_react.html b/examples/component/components_geojson_react.html
index 7372aea27..81ec9dcc2 100644
--- a/examples/component/components_geojson_react.html
+++ b/examples/component/components_geojson_react.html
@@ -64,9 +64,8 @@
       };
       var layerStyle = new SuperMap.Components.commontypes.CircleStyle();
 
-      $.get('../data/data671MeteorologicalStations.geojson', function(res) {
+      $.getJSON('../data/data671MeteorologicalStations.geojson', function(res) {
         var data = res;
-
         ReactDOM.render(
           <SmWebMap mapOptions={mapOptions}>
             <SmGeojsonLayer data={data} layerStyle={layerStyle} />
diff --git a/examples/component/components_geojson_vue.html b/examples/component/components_geojson_vue.html
index a42456feb..c8b4b14a6 100644
--- a/examples/component/components_geojson_vue.html
+++ b/examples/component/components_geojson_vue.html
@@ -34,7 +34,7 @@
         </div>
         <script>
             var data;
-            $.get("../data/data671MeteorologicalStations.geojson", function(res) {
+            $.getJSON("../data/data671MeteorologicalStations.geojson", function(res) {
                 data = res;
                 new Vue({
                     el: "#main",