Question

我试图从Google电子表格中获取单元格文本并使用此代码插入到WordPress上的帖子中，但我在JavaScript上的表现非常差，我甚至不知道如何使用得到没有警报的文本。

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">    </script>
</head>
<body>
    <script>
        $.ajax("https://docs.google.com/spreadsheets/d/e/2PACX-1vQhp9yFq8eXagN03gn-mCN3_KPWRc2EIpswDFpHJLflFOG-XU2OMktqj03gxvUBZMAp8gYwWO5Q3MVJ/pub?gid=942917560&single=true&range=d3&output=csv").done(function(result){
            alert(result);
        });
    </script>
</body>

Answer 1

在Wordpress帖子中，转到文本模式并添加div

<div id='spreadsheet'></div>

现在在您的脚本中执行此操作以设置内容：

jQuery.ajax("https://docs.google.com/spreadsheets/d/e/2PACX-1vQhp9yFq8eXagN03gn-mCN3_KPWRc2EIpswDFpHJLflFOG-XU2OMktqj03gxvUBZMAp8gYwWO5Q3MVJ/pub?gid=942917560&single=true&range=d3&output=csv").done(function(result){
    jQuery("#spreadsheet").text(result);
})

WordPress通常带有jQuery，你不需要自己添加它。您需要将$替换为jQuery 你也可以这样做：

jQuery(function($) {
    $.ajax("https://docs.google.com/spreadsheets/d/e/2PACX-1vQhp9yFq8eXagN03gn-mCN3_KPWRc2EIpswDFpHJLflFOG-XU2OMktqj03gxvUBZMAp8gYwWO5Q3MVJ/pub?gid=942917560&single=true&range=d3&output=csv").done(function(result) {
        $("#spreadsheet").text(result);
    })
});

这将a）仅在加载文档后运行该函数，并且b）允许您在代码中继续使用$。

将数据从Google电子表格单元格导入WordPress

1 个答案: