<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>TEST< /title>
<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=$('#username').val();
varpassword=$('#password').val ();
$.ajax({
type:"post",
async:false,
url:"json.php",
result:{username:username,password:password},
dataType:"json",
success:function(result ){
if (result) {
for (var i = 0; i < result.length; i ) {
arr1.push(result[i] .name);
arr2.push(result[i].age);
}
}
}
} )
return arr1,arr2;
}
arrTest();
var option = {
ツールチップ: {
show: true
},
凡例: {
data:['age']
},
x軸: [
{
type : 'category',
data : arr1
}
],
yAxis : [
# {
type: 'value'
}
],
シリーズ : [
{
"name":"age",
"type":"bar",
"data":arr2
}
]
};
myChart.setOption(option);
});
});
</script>
</body>
$p = $_GET["username"] を使用すると、フロントエンドからのデータを受信できませんが、$p を直接受信できます。フロントエンドは json データを正常に受信できます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
tp5 フレームワークを使用している場合は、直接 input('post.username');
Ajax タイプは post ではありません。バックグラウンドで $_REQUEST または $_POST を使用するのはなぜですか?