asp.net+js 实现无刷新上传解析csv文件的代码

首先，实现无刷新上传CSV文件需要使用到AJAX和ASP.NET的相关知识。

下面是实现的大致步骤：

1.创建上传CSV文件的HTML代码

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="csvFile" />
  <input type="submit" value="上传" />
</form>

2.编写JS代码，使用AJAX进行文件上传，上传完成后解析CSV文件并将解析结果展示到页面上

$('#uploadForm').submit(function(event) {
  event.preventDefault();

  var formData = new FormData($(this)[0]);

  $.ajax({
    url: 'upload_csv_file.aspx',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      console.log(response);

      // 解析CSV文件并展示到页面上
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
});

3.在ASP.NET中创建上传文件的处理程序（upload_csv_file.aspx.cs），将上传的CSV文件解析为JSON格式并返回

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Files.Count == 0)
    {
        Response.StatusCode = 400; // Bad Request
        Response.End();
        return;
    }

    var file = Request.Files[0];

    if (Path.GetExtension(file.FileName) != ".csv")
    {
        Response.StatusCode = 400; // Bad Request
        Response.End();
        return;
    }

    var csv = new CsvReader(new StreamReader(file.InputStream));
    var records = csv.GetRecords<dynamic>().ToList();

    var json = JsonConvert.SerializeObject(records);

    Response.ContentType = "application/json";
    Response.Write(json);
    Response.End();
}

这样，就完成了无刷新上传CSV文件的过程。

下面是两条示例：

1.上传文件后在页面上展示解析结果

success: function(response) {
  console.log(response);

  var html = '';

  $.each(response, function(index, item) {
    html += '<tr>';

    $.each(item, function(key, value) {
      html += '<td>' + value + '</td>';
    });

    html += '</tr>';
  });

  $('#table').html(html);
},

2.对于解析结果进行数据处理

success: function(response) {
  console.log(response);

  var sum = 0;

  $.each(response, function(index, item) {
    sum += parseFloat(item.Amount);
  });

  $('#totalAmount').text(sum.toFixed(2));
},