[英]Javascript: how to send multiple data in Ajax or Json
對不起，但是如果真的是AJAX或JSON，我會感到困惑，我不太擅長此語言。 但是我的問題是發送2個列表框值。 年和月。 今年發送到data-basic-colm-ajax.php但我不知道如何發送月份
這是我的代碼：
<script type="text/javascript">
$(document).ready(function() {
//default
getAjaxData(new Date().getFullYear());
$('.dynamic_data').change(function() {
var id = $('#year').val();
var id2 = $('#month').val();
getAjaxData(id);
});
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Highcharts Chart PHP with MySQL Example',
x: -20 //center
},
subtitle: {
text: 'Subtitle',
x: -20
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'TOTAL'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>:<b>{point.y}</b> of total<br/>'
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y}'
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 100,
floating: true,
borderWidth: 1,
shadow: true
},
series: []
};
function getAjaxData(id) {
$.getJSON("data-basic-colm-ajax.php", {id:id}, function(json) {
options.xAxis.categories = json[0]['data']; //xAxis: {categories: []}
options.series[0] = json[1];
chart = new Highcharts.Chart(options);
});
}
});
</script>
<script src="/MyCharts/highcharts/js/highcharts.js"></script>
</head>
<body>
<a class="link_header" href="/highcharts/"><< Back to index</a>
<div class="menu_top" >
Year:
<select class="dynamic_data" id="year">
<option value="2016" >2016</option>
<option value="2015">2015</option>
<option value="2011">2011</option>
</select>
Month:
<select id="month">
<option value="1" selected>Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
</select>
</div>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>
</body>
謝謝
我只是將代碼更改為
<script type="text/javascript" src="/MyCharts/highcharts/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//default
getAjaxData(new Date().getFullYear());
$('.dynamic_data').change(function() {
var id = $('#year').val();
var id2 = $('#month').val();
var data = {id:id ,id2:id2};
getAjaxData(data);
});
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Highcharts Chart PHP with MySQL Example',
x: -20 //center
},
subtitle: {
text: 'Subtitle',
x: -20
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'TOTAL'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>:<b>{point.y}</b> of total<br/>'
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y}'
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 100,
floating: true,
borderWidth: 1,
shadow: true
},
series: []
};
function getAjaxData(data) {
var year = $('#year').val();
var month = $('#month').val();
$.getJSON("data-basic-colm-ajax.php",{id:year ,id2:month}, function(json) {
options.xAxis.categories = json[0]['data']; //xAxis: {categories: []}
options.series[0] = json[1];
chart = new Highcharts.Chart(options);
});
}
});
</script>
<script src="/MyCharts/highcharts/js/highcharts.js"></script>
</head>
<body>
<a class="link_header" href="/highcharts/"><< Back to index</a>
<div class="menu_top" >
Year:
<select class="dynamic_data" id="year">
<option value="2016" >2016</option>
<option value="2015">2015</option>
<option value="2011">2011</option>
</select>
Month:
<select id="month">
<option value="1" selected>Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
</select>
</div>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>
</body>
使用Javascript以JSON格式收集多種表單數據，然后通過AJAX發送到PHP
[英]Collect multiple forms data as JSON with Javascript and send via AJAX to PHP
如何在ajax javascript中以json格式將表單數據發送到服務器
[英]how to send the form data to server in json format in ajax javascript
如何在ajax中使用javascript發送多個數據並將其重定向到歡迎頁面
[英]How to send multiple data with javascript in ajax and redirect it to a welcome page
如何使用ajax javascript php將大型json數據（250kb）發送到mysql數據庫
[英]How to send large json data (250kb) to mysql database using ajax javascript php
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.