.load 返回页片段

.load return page fragment

本文关键字：片段 返回 load      更新时间：2023-09-26

我正在尝试从名为test2.php文件的PHP输出中加载数据并将其放入图形中

.HTML：

<html>
    <body>
        <div class="ct-chart ct-perfect-fourth"></div>
        <div id="data"></div>
    </body>
</html>

jquery：

$(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
                }
        });
    });

});

该图显示最后一个数字为 0，console.log(result);返回：

<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>

Wich 是我的 php 文件的输出，但是<div id="data"></div> contans <div id='number'>[the numbers]</div>我如何让 .load 返回它加载到页面的相同内容

1） 在 test2.php 中id名称更改为 numbers，因为您在 ajax url 中使用了test2.php #numbers。

2） 在回调函数中使用$(this).text()而不是result .load()。它给出了加载的文本 id=data ，在我们的例子中它是数字。

相关文章：