как импортировать файл javascript в другой файл javascript - PullRequest
Новая
       10

как импортировать файл javascript в другой файл javascript

0 голосов
/ 02 мая 2020

Я работаю над калькулятором, основанным на некоторых json данных, которые я хочу, когда я ввожу долготу и широту, я получаю код сетки, связанный с этой долготой и широтой, как вы увидите, я хочу наложить ghiData. js файл в сценарий. js файл вот так мои json данные выглядят 

   myData = {
    "datagrid": [
      { "GRIDCODE": 1735, "lat": 35.91511132, "long": -5.401484264 },
      { "GRIDCODE": 1805, "lat": 35.90677815, "long": -5.468149593 },
      { "GRIDCODE": 1808, "lat": 35.90677815, "long": -5.459816427 },
      { "GRIDCODE": 1784, "lat": 35.89844499, "long": -5.476482759 }
    ]
  };

это мой код: 

function lookupGridcodeByLatAndLong(lat, long){
let gridcode = 0;

var result = myData.datagrid.find(x => x.lat == lat && x.long == long)
if (result) {
  gridcode = result.GRIDCODE;
}

return gridcode;
}
$("#Btn" ).click(function() {
var lat = document.getElementById("lat").value,
long = document.getElementById("long").value;
var result = lookupGridcodeByLatAndLong(lat, long)
$("#result").html(result);
});
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Exercise 2D - jQuery Rounding Calculator Complete</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<h1 id="result">Rounding Calculator</h1>

<form action="" id="my-form">
  <div class="form-group">
    <label for="">Enter Lat</label>
    <input type="text" id="lat" step="any">
    <label for="">Enter Long</label>
    <input type="textr" id="long" step="any">

  </div>
  <input type="button" id="Btn" value="Calculate" >
</form>
<!-- partial -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <!-- ghiData.js is my data file -->
  <script  src="./ghiData.js"></script>
  <script  src="./script.js"></script>

</body>
</html>

1 Ответ

0 голосов
/ 02 мая 2020

Попробуйте импортировать файл с JavaScript, используя ключевые слова import и export. Так что в script.js вы должны позвонить import { MyData } from './ghiData.js', а в ghiData.js вы должны использовать export myData. Я надеюсь, что это работает!

...