将数据从 Javascript 发送到 PHP 文件

Question

我有一个复选框，我需要从他们那里获取数据（id）并将其发送到其他 php 文件

我的代码：

 function getValues() { var str = []; var checks = document.getElementsByClassName('justtest'); for(var i=0; i<checks.length; i++){ if(checks[i].checked){ str.push( checks[i].id ); } } for( var x = 0; x < str.length; x++){ alert (str[x]); } }

 <div class="form-group"> <div class="col-md-3"> <div class="checkbox"> <label> <input type="checkbox" value="test1" class="justtest" id="1"> Test1 </label> </div> </div> </div> <div class="form-group"> <div class="col-md-3"> <div class="checkbox"> <label> <input type="checkbox" value="test2" class="justtest" id="2"> test2 </label> </div> </div> </div> <div class="form-group"> <div class="col-md-3"> <div class="checkbox"> <label> <input type="checkbox" value="test3" class="justtest" id="3"> test3 </label> </div> <button onclick="getValues()">Check</button> </div> </div>

所以，我需要从复选框中取出 Id 并将其发送到我的 PHP 文件以显示有关 ID 的结果

 function getValues() { var str = []; var checks = document.getElementsByClassName('justtest'); for(var i=0; i<checks.length; i++){ if(checks[i].checked){ str.push( checks[i].id ); } } for( var x = 0; x < str.length; x++){ $.ajax({ url: 'result.php', cache: false, data: str[x], type: 'POST', }); } }

我有其他名为result.php php 文件，因此，我需要从该文件中获取 ID 并将其发送到result.php

他们不工作

任何解决方案？

Answer 1

首先，您的浏览器控制台无疑会报告语法错误：

$.ajax({
         url: 'result.php',
         cache: false,
         data: str[x],
         type: 'POST' // <--- You had an extra comma
}); // <--- You forgot to close the object and the function call

除此之外， str[x]什么？ 表单数据需要采用键/值对或 JSON 对象的形式。 如果str[x]只是一个值，那么您需要为该值提供一个键。 像这样的东西：

data: 'someKey=' + str[x]

（如果值很复杂，您可以将它包含在encodeURIComponent()以对其进行 URL 编码。）

然后在服务器端代码中，您将使用该键访问该值：

$_POST['someKey']