Javascript .加载返回页片段
我试图从一个名为test2.PHP的PHP文件的输出中加载数据,并将其放入一个图形中 HTML: 图表显示最后一个数字为0和Javascript .加载返回页片段,javascript,php,jquery,Javascript,Php,Jquery,我试图从一个名为test2.PHP的PHP文件的输出中加载数据,并将其放入一个图形中 HTML: 图表显示最后一个数字为0和console.log(结果)返回: <div id='number'>,-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.56,0.84,0.79,0.77,0.77</div>
console.log(结果)代码>返回:
<div id='number'>,-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.56,0.84,0.79,0.77,0.77</div>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="pokerHand[]" id="pokerHand" multiple="multiple" />
<input type="submit" id="submit" value="submit" name="submit">
<input type="hidden" name="test" value="abc" id="test" />
</form>
</body>
</html>
,-0.05,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.84,0.79,0.77,0.77
这是我的php文件的输出,但是
contans[数字]
如何获取。load返回它加载到页面的相同内容1)在test2.php
中将id
名称更改为numbers
,因为您在ajax url中使用了test2.php
2) 在.load()
回调函数中使用$(this).text()
而不是result
。它给出了加载在id=data
中的文本,在我们的例子中是数字。如果最后一个是发送到控制台的内容,您需要修复php的输出。必须是有效的html页面<代码>
不能在
之外。还是不清楚你的问题。。。描述并非如此understandable@mplungjan我希望.load返回-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.84,0.79,0.77,0.77如果要获取数字,请使用$(this).text()
而不是result
内部的load
回调函数。因为result
将输出整个页面$(this).text()提供加载到id=data
的文本。在我们的例子中,是数字
$(document).ready(function(){
$("#data").load("test2.php #numbers ", function(result){
console.log(result);
var data = result.split(",").slice(1);
var last_element = data[data.length - 1];
new Chartist.Line('.ct-chart', {
labels: data,
series: [data]
}, {
fullWidth: true,
height: 650,
chartPadding: {
right: 0
}
});
});
});
<div id='number'>,-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.56,0.84,0.79,0.77,0.77</div>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="pokerHand[]" id="pokerHand" multiple="multiple" />
<input type="submit" id="submit" value="submit" name="submit">
<input type="hidden" name="test" value="abc" id="test" />
</form>
</body>
</html>