javascript - 使用 javascript 或 php 动态且唯一地注入(inject) URL 的最后部分

Question

我正在尝试弄清楚如何从预先填充的 csv 文件中动态单击按钮来获取 URL 的最后一部分。

例如，单击<a href="mysite.com/" >button</a> 将从 CSV 文件(或更好的文件)中获取代码，链接为 mysite.com/code1.

但是 CSV 中的每个代码只会使用一次，并在之后删除

所以首先点击= mysite.com/code1

第二次点击 = mysite.com/code2

等等得到code1和code2来自 CSV 文件，并且永远不会再被获取。

我可以使用 JavaScript 或 PHP，两者都很好，只是不确定语法。

Answer 1

像这样:

<?php
 $first = true;
 $links = "";
 $file = fopen('myCSVFile.csv', 'r');
 while (($line = fgetcsv($file)) !== FALSE) {
   if (!$first) $links.=",";
   $first=false;
   //$line is an array of the csv elements
   $links.='"'.$line.'"';
 }
 fclose($file);
?>

纯 JS

<script>
var links = [<?php echo $links ?>];
cnt = 0;
window.onload=function() {
  document.getElementById("csvLink").onclick=function() {
    window.open(this.href+links[cnt],"_blank"); // otherwise you need cookies
    return false;
    cnt++; 
  }
}
</script>

使用 Ajax 的 jQuery:

<script>
var links = [<?php echo $links ?>];
cnt = 0;
$(function() {
  $("#csvLink").on("click",function(e) {
    e.preventDefault();
    $("#someContainer").load(this.href+links[cnt]);
    cnt++; 
  });
});
</script>