<!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["사용자 이름"];
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
tp5 프레임워크를 사용하는 경우 직접 input('post.username');
Ajax 유형이 게시되지 않습니까? 백그라운드에서 $_GET을 사용하여 $_REQUEST 또는 $_POST를 사용하는 이유는 무엇입니까?