Javascript 通过Ajax和PHP下载CSV内容

我试图通过服务器上托管的PHP脚本下载CSV内容

这是执行和创建表的jquery代码：

    $(document).ready(function() {
    $("#btnSubmit").click(function(){
        $.ajax({
            type: 'GET',
            url: 'http://mydomaincom/wp-content/uploads/get-csv.php',
            data: null,
            success: function(text) {

                var fields = text.split(/\n/);
                fields.pop(fields.length-1);
       
                var headers = fields[0].split(','), 
                html = '<table>';
                html += '<tr>';
       
                for(var i = 0; i < headers.length; i += 1) {
                    html += '<th scope="col">' + headers[i] + '</th>';              
                }
       
                html += '</tr>';           
                var data = fields.slice(1, fields.length);           
                for(var j = 0; j < data.length; j += 1) {
                    var dataFields = data[j].split(',');              
                    html += '<tr>';
                    html += '<td>' + dataFields[0] + '</td>';
                    html += '<td><a href="' + dataFields[1] + '">' + dataFields[1] + '</a></td>';
                    html += '<td>' + dataFields[2] + '</td>';
                    html += '</tr>';           
                }
       
                html += '</table>';
                $(html).appendTo('body');                
            }
        });
    });
});

$（文档）.ready（函数（）{
$（“#btnsupmit”）。单击（函数（）{
$.ajax({
键入：“GET”，
网址：'http://mydomaincom/wp-content/uploads/get-csv.php',
数据：空，
成功：函数（文本）{
变量字段=text.split（/\n/）；
fields.pop（fields.length-1）；
var headers=字段[0]。拆分（'，'），
html=''；
html+=''；
对于（变量i=0；i

get-csv.php文件的内容：

<?php
header('Content-Type: text/plain');
$csv = file_get_contents('http://mydomaincom/wp-content/uploads/csv-samples.csv');
echo $csv;
?>

以下是按钮的代码：

<!-- Begin Button -->  
<div class="demo">
<input id = "btnSubmit" type="submit" value="Get It"/>
</div>
<!-- End Button -->

从浏览器： 我可以访问http://mydomaincom/wp-content/uploads/get-csv.php -没问题 我可以访问http://mysitecom/wp-content/uploads/csv-samples.csv -没问题

当我点击按钮时，什么也没发生

---

谢谢下面我试着整理一个工作片段，在这里你可以看到它是如何工作的

$（文档）.ready（函数（）{
$（“#btnsupmit”）。单击（函数（）{
$.ajax({
键入：“GET”，
//网址：'http://mydomaincom/wp-content/uploads/get-csv.php',
//网址：'https://jsonplaceholder.typicode.com/users“，//-->JSON
url:“https://data.cdc.gov/api/views/45um-c62r/rows.csv",
数据：空，
成功：函数（文本）{
变量字段=text.split（/\n/）；
fields.pop（fields.length-1）；
var headers=字段[0]。拆分（'，'），html=''；
html+=''；
对于（变量i=0；i<（页眉长度，3）；i+=1）{
html++''+标题[i]+''；
}
html+=''；
var数据=fields.slice（1，fields.length）；
对于（var j=0；j

获取数据
如果单击有效，请尝试使用console.log（），然后检查您是否进入了那里的成功回调。同时检查浏览器控制台-可能存在错误。同时检查网络活动选项卡以查看请求是否有效。您可能会遇到一些CORS阻塞。检查您的浏览器控制台是否有此方向的消息。浏览器控制台的“网络”选项卡中是否有任何事件？您试图调试该问题的原因是什么？非常感谢您的帮助。我使用了相同的代码，这次它在“没有PHP”的情况下工作。我在jquery代码中指定csv url。顺便说一下，您可以使用存储在W3学校的简历进行测试。url:''，现在我有了一个使用dvCSV ID定义的现有表。如何使用上述代码在现有表中追加行和列。谢谢你。我可以成功地插入代码。