在HTML元素中设置变量的值,JQUERY不起作用

kx7yvsdv  于 2022-11-03  发布在  jQuery
关注(0)|答案(1)|浏览(195)

我在HTML中有一个这样的div,我想在其中使用JQuery设置capital的ID

`        <div class="modal-body">
          <p id="capital"></p>
        </div>   `

这就是我在JQuery函数中设置它的方式

`function getWeather() {    
    $.ajax({
        url: "assets/geojson/countryBorders.geo.json",
        type: "GET",
        dataType: "json",
        data: {

        },
        success: function(result) {
            let features = result["features"];

            let countryFeature = findFeatureFromName(countryName);
            let countryCode = JSON.stringify(countryFeature.properties.iso_a2).replace(/"/g,"")

            $.ajax({
            url: "assets/php/countryInformation.php",
            type: 'POST',
            dataType: 'json',
            data: {
                country: countryCode
            },
            success: function(result) {
                    console.log(result);
                    console.log(JSON.stringify(result));

                    let capitalCity = (result['data'][0]['capital']);
                    console.log(capitalCity)
                    $('#capital').html(capitalCity);`

etc

但是capital没有设置好,console.log返回的是期望值,所以我知道它设置好了。
我甚至试过

$('#capital').text(capitalCity);

和纯JavaScript的简单代码

document.getElementById("capital").innerHTML = capitalCity;

似乎没有任何工作,控制台中没有错误-会是什么错误?

vx6bjr1n

vx6bjr1n1#

您的HTML和JSON代码是正确的代码是正确的,可能是你在你的JSON文件中丢失了一些东西这里是我尝试和得到的输出,如果可能的话,请发布ountryBorders.geo.json,这样我们得到更清晰的

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body onload="getWeather()">
  <div class="modal-body">
    <p id="capital"></p>
  </div>
  <script>
    function getWeather() {
      debugger;
      let capitalCity = 'hello';
      console.log(capitalCity)
      $('#capital').html(capitalCity);
    }
  </script>
</body>
</html>

相关问题