<!DOCTYPE html>
<head>
? ? <meta charset="utf-8">
? ? <title>TEST</title>
<script type="text/javascript " src="js/echarts.js"></script>?
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>?
</head>
<body>
? ? <input type="text" id="username">
? ? <input type="text" id="password">
? ? < ;button id="sub">查詢</button>
? ? <span id="text"></span>
? ? <div id="main" style="height:400px"> ;</div>
<script type="text/javascript">
$(document).ready(function(){
? $("#sub").on("click",function(){
var ?myChart = echarts.init(document.getElementById('main'));
? ? ? ? ? ? ? var arr1=[],arr2=[];
? ? ? ? ? ? ? function arrTest(){
?var ??? ??=$('#username'). val(); ?
? ? ? ? ? ? ? ? ? var ????=$('#password').val(); ?
? ? ? ? ? ? ? ? $.ajax({
? ? ? ? ? ? ? ? ? ??:"post ",
? ? ? ? ? ? ? ? ? async:false,
? ? ? ? ? ? ? ? ? URL:" json.php",?
? ? ? ? ? ? ? ? ? ??:{??? ??:??? ??, ????:????}, ?
? ? ? ? ? ? ? ? ? dataType:"json",
? ? ? ? ? ? ? ? ? ??:??(??){?
? ? ? ? ? ? ? ? ? ? if (??) {
? ? ? ? ? ? ? ? ? ? ? for (var i = 0; i < result.length; i++) {
? ? ? ? ? ? ? ? ? ? ? ? arr1.push(result[i].name);
? ? ? ? ? ? ? ? ? ? ? ? arr2.push(result[i].age);
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? }
???? var ?option = {? ? ? ? ? ? ? ? ? ? ?? ??: {? ? ? ? ? ? ? ? ? ? ? ? ??: true? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ?? ? ? ? ??: {? ? ? ? ? ? ? ? ? ? ? ????:[' ??']? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? x? : [{{
?? : '????', '????',
??? : arr1
}
],
yaxis : [
{
?? : 'value'}
],
??? : [
???? ? ? ? ? ? ? ? ? ? ? ? ? "???":arr2
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ]
? ? ? ? ? ? ? ? };
? ? ? ? ? ? ? ?myChart.setOption(??); ?
? });
}); ? ? ? ? ??
? ? </script>
</body>
后臺
//$p = $_GET["??? ??"];
Ajax ??? ???? ????? ??????? $_GET? ???? $_REQUEST ?? $_POST? ???? ??? ??????