javascript - 单击将 JS 变量发送到 PHP

Question

我有这个 JS 函数，我正在寻找将变量发送到 php 并让 php 返回一个数组到我的 JS 的最简单方法。我已经完成了第二部分，我只需要帮助发送变量。这是我的功能:

 function myEvent(){
        //console.log(uploaded);
            var length = uploaded.length;
            var content = document.getElementById("Profile");
            if(length == 0){
                content.innerHTML = '<p style="text-align:center"><b> You uploaded no events. </b></p>';

            }
             else {
                content.innerHTML = " ";
            for(var i=0; i<length;i++){
                var entry = document.createElement('li');
                var EID = uploaded[i][0];
                entry.innerHTML= '<a href="eventList2.html">'+uploaded[i][1]+'</a>​';
                content.appendChild(entry); 
                }
                return false;
            }
    }

我希望能够在每次单击链接时向 PHP 脚本发送 EID，这是一个唯一的 ID。

有什么帮助吗？我正在使用 Jquery，但我不太熟悉它。如果有一个单独使用 JS 的选项，我将非常感激。

Answer 1

您可以使用 Ajax 来做到这一点。还有另一种非常简单的方法，可以将数据发送到任何服务器(相同域或不同域)上的 php 脚本，同时使 php 脚本与您的页面交互

首先创建一个脚本标签:

var tag = document.createElement('script');

该标签的 src 将是接收变量的 php 脚本的 url:

var myVar = 'foo';
tag.src = '/path/to/my/script.php?variable='+myVar;

你将 script 标签添加到 dom 中来请求它

document.getElementsByTagName('head')[0].appendChild(tag);

在服务器端，php 脚本接收变量并执行它应该执行的任何操作，并且可选地它可以回显随后将在页面上运行的任何 javascript:

<?php
echo "alert('".$_GET['variable']."')";

差不多就这些了，警告，请注意，这只是一个简单的示例，要在生产站点上实现类似的功能，您需要确保这样做不会让您的站点遭受 XSS 攻击、代码注入(inject)等...如何做到这一点超出了此处讨论的范围，但请注意