如何在Ajax页面调用中使用JavaScript

时间：2017-07-26 16:20:22

标签： javascript php jquery ajax

我正在尝试创建一个页面，所以当我点击一个buttin查看更多时，它会弹出并使用ajax页面加载。但目前的问题是页面在不使用ajax时工作正常，但是当我尝试使用ajax时，页面上的javascript无法运行，

这是我目前的ajax调用代码：

<script>
  function leftmyFunction<?php echo str_replace(' ', '', $row_rs_GET_stats_champs1['Champion']).''.$row_rs_GET_tats_champs['Role'];?>() {
    document.getElementById("leftmorestats<?php echo str_replace(' ', '', $row_rs_GET_stats_champs1['Champion']).''.$row_rs_GET_tats_champs['Role']; ?>").classList.toggle("show");

    if (window.XMLHttpRequest) {
      xmlhttp = new XMLHttpRequest();
    } else {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("leftmorestats<?php echo str_replace(' ', '', $row_rs_GET_stats_champs1['Champion']).''.$row_rs_GET_tats_champs['Role']; ?>").innerHTML = this.responseText;
      }
    }

    <?php if($row_rs_GET_tats_champs['Champ_2'] == $thispageschampionID) { ?>
      xmlhttp.open("GET", "getchampiongraphdatabronze.php?Champion=<?php echo $thispageschampion; ?>&Championsec=<?php echo $row_rs_GET_stats_champs1['Champion']; ?>&Role=<?php echo $row_rs_GET_tats_champs['Role']; ?>&Champ_2_winrate=<?php echo $row_rs_GET_tats_champs['Champ_2_winrate']; ?>&Champ_2_Kills=<?php echo $row_rs_GET_tats_champs['Champ_2_Kills']; ?>&Champ_2_Deaths=<?php echo $row_rs_GET_tats_champs['Champ_2_Deaths']; ?>&Champ_2_assists=<?php echo $row_rs_GET_tats_champs['Champ_2_assists']; ?>&Champ_2_minionsKilled=<?php echo $row_rs_GET_tats_champs['Champ_2_minionsKilled']; ?>&Champ_2_goldEarned=<?php echo $row_rs_GET_tats_champs['Champ_2_goldEarned']; ?>&Champ_2_totalDamageDealtToChampions=<?php echo $row_rs_GET_tats_champs['Champ_2_totalDamageDealtToChampions']; ?>&Champ_1_winrate=<?php echo $row_rs_GET_tats_champs['Champ_1_winrate']; ?>&Champ_1_Kills=<?php echo $row_rs_GET_tats_champs['Champ_1_Kills']; ?>&Champ_1_Deaths=<?php echo $row_rs_GET_tats_champs['Champ_1_Deaths']; ?>&Champ_1_assists=<?php echo $row_rs_GET_tats_champs['Champ_1_assists']; ?>&Champ_1_minionsKilled=<?php echo $row_rs_GET_tats_champs['Champ_1_minionsKilled']; ?>&Champ_1_goldEarned=<?php echo $row_rs_GET_tats_champs['Champ_1_goldEarned']; ?>&Champ_1_totalDamageDealtToChampions=<?php echo $row_rs_GET_tats_champs['Champ_1_totalDamageDealtToChampions']; ?>",true);
    <?php } else { ?>
      xmlhttp.open("GET","getchampiongraphdatabronze.php?Champion=<?php echo $thispageschampion; ?>&Championsec=<?php echo $row_rs_GET_stats_champs1['Champion']; ?>&Role=<?php echo $row_rs_GET_tats_champs['Role']; ?>&Champ_2_winrate=<?php echo $row_rs_GET_tats_champs['Champ_1_winrate']; ?>&Champ_2_Kills=<?php echo $row_rs_GET_tats_champs['Champ_1_Kills']; ?>&Champ_2_Deaths=<?php echo $row_rs_GET_tats_champs['Champ_1_Deaths']; ?>&Champ_2_assists=<?php echo $row_rs_GET_tats_champs['Champ_1_assists']; ?>&Champ_2_minionsKilled=<?php echo $row_rs_GET_tats_champs['Champ_1_minionsKilled']; ?>&Champ_2_goldEarned=<?php echo $row_rs_GET_tats_champs['Champ_1_goldEarned']; ?>&Champ_2_totalDamageDealtToChampions=<?php echo $row_rs_GET_tats_champs['Champ_1_totalDamageDealtToChampions']; ?>&Champ_1_winrate=<?php echo $row_rs_GET_tats_champs['Champ_2_winrate']; ?>&Champ_1_Kills=<?php echo $row_rs_GET_tats_champs['Champ_2_Kills']; ?>&Champ_1_Deaths=<?php echo $row_rs_GET_tats_champs['Champ_2_Deaths']; ?>&Champ_1_assists=<?php echo $row_rs_GET_tats_champs['Champ_2_assists']; ?>&Champ_1_minionsKilled=<?php echo $row_rs_GET_tats_champs['Champ_2_minionsKilled']; ?>&Champ_1_goldEarned=<?php echo $row_rs_GET_tats_champs['Champ_2_goldEarned']; ?>&Champ_1_totalDamageDealtToChampions=<?php echo $row_rs_GET_tats_champs['Champ_2_totalDamageDealtToChampions']; ?>",true);
    <?php } ?>

    xmlhttp.send();
  }
</script>

它可以加载不使用JavaScript的页面部分，但是我们JavaScript不会加载的部分。

如何让它加载所有的javascript？

这是我试图加载的页面

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<?php


$championsmainname = $_GET['Champion'];
$championssecname = $_GET['Championsec'];
$championsmainrole = $_GET['Role'];
$champions2winrate = $_GET['Champ_2_winrate'];
$champions2kills = $_GET['Champ_2_Kills'];
$champions2deaths = $_GET['Champ_2_Deaths'];
$champions2assists = $_GET['Champ_2_assists'];
$champions2minionskilled = $_GET['Champ_2_minionsKilled'];
$champions2goldearned = $_GET['Champ_2_goldEarned'];
$champions2totaldamagedealt = $_GET['Champ_2_totalDamageDealtToChampions'];
$champions1winrate = $_GET['Champ_1_winrate'];
$champions1kills = $_GET['Champ_1_Kills'];
$champions1deaths = $_GET['Champ_1_Deaths'];
$champions1assists = $_GET['Champ_1_assists'];
$champions1minionskilled = $_GET['Champ_1_minionsKilled'];
$champions1goldearned = $_GET['Champ_1_goldEarned'];
$champions1totaldamagedealt = $_GET['Champ_1_totalDamageDealtToChampions'];

?>


<p style="
font-size: 19px;
font-weight: 600;
color: #CBCBCB;
font-family: 'Roboto', Arial, 'Trebuchet MS', Verdana;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">Matchup Performance</p>

<div id="leftshowchampiondatascript<?php echo str_replace(' ', '', $championssecname).''.$championsmainrole; ?>" style="min-width: 400px; max-width: 450px; height: 400px; margin: 0 auto"></div>

<script type='text/javascript'>


                        Highcharts.chart('leftshowchampiondatascript<?php echo str_replace(' ', '', $championssecname).''.$championsmainrole; ?>', {

chart: {
    polar: true,
    type: 'area',
    backgroundColor: 'transparent',



},

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }    
    }
},

 legend: {
        itemStyle: {
            color: '#c4c4c4',
            fontWeight: 'bold'
        }
    },

credits: {
  enabled: false
},


title: {
style: {
    display: 'none'
}
},


plotOptions: {
    series: {
        lineColor: '#808080'
    }
},


pane: {
    size: '80%',


},

xAxis: {
    categories: ['Win Rate', 'Kills', 'Deaths', 'Assists',
            'Minions Killed', 'Gold Earned', 'Damage Dealt'],
    tickmarkPlacement: 'on',
    lineWidth: 0,
    gridLineColor: "#808080",
    gridLineDashStyle: "Solid",
    gridLineWidth: 2,
    labels: {
     style: {
        color: '#c4c4c4',
        font: '11px Trebuchet MS, Verdana, sans-serif'
     }
  }
 },

yAxis: {
    gridLineInterpolation: 'polygon',
    lineWidth: 0,
    min: 0,
    gridLineColor: "#808080",
    gridLineDashStyle: "Solid",
    gridLineWidth: 2,
    labels: {
     style: {
        color: '#c4c4c4',
        font: '11px Trebuchet MS, Verdana, sans-serif'
     }
  }
  },

tooltip: {
    shared: true,
    pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y:,.0f}</b><br/>'
},


series: [{
    name: '<?php echo $championsmainname; ?>',
    color: 'rgba(184, 70, 70, 0.7)',
    data: [<?php echo $champions2winrate*100; ?>, <?php echo $champions2kills; ?>, <?php echo $champions2deaths; ?>, <?php echo $champions2assists; ?>, <?php echo $champions2minionskilled; ?>, <?php echo $champions2goldearned; ?>, <?php echo $champions2totaldamagedealt; ?>],
    pointPlacement: 'on'
}, {
    name: '<?php echo $championssecname; ?>',
    color: 'rgba(85, 184, 70, 0.5)',
    data: [<?php echo $champions1winrate*100; ?>, <?php echo $champions1kills; ?>, <?php echo $champions1deaths; ?>, <?php echo $champions1assists; ?>, <?php echo $champions1minionskilled; ?>, <?php echo $champions1goldearned; ?>, <?php echo $champions1totaldamagedealt; ?>],
    pointPlacement: 'on'
}]

});

                        </script>

0 个答案:

没有答案
相关问题
最新问题