0

我正在尝试在 javascript/jquery 中编写一个脚本，它将值发送到一个 php 文件，然后该文件将更新数据库。问题是 PHP 文件没有读取这些值，我不知道为什么。我对值进行了硬编码，效果很好。有任何想法吗？

这是javascript：

var hours = document.getElementById("hours");
var i = 1;
while(i < numberofMembers) {        
    var memberID = document.getElementById("member"+i); 
    if(memberID && memberID.checked) {
        var memberID = document.getElementById("member"+i).value;
        $.ajax({
            type : 'post',
            datatype: 'json',
            url : 'subtract.php',
            data : {hours : hours.value, memberID : memberID.value},
            success: function(response) {
                if(response == 'success') {
                    alert('Hours subtracted!');
                } else {
                    alert('Error!');
                }
            }
        }); 
    }
    i++;
}   
}

减法.php：

if(!empty($_POST['hours']) AND !empty($_POST['memberID'])) {
    $hoursToSubtract = (int)$_POST['hours'];
    $studentIDString = (int)$_POST['memberID'];
}
$query = mysql_query("SELECT * FROM `user_trials` WHERE `studentid` = '$studentIDString' LIMIT 1");

编辑：在@Daedal 的代码之后更新了代码。我仍然无法在 PHP 中获取数据，尝试运行 FirePHP，但我得到的只是“配置文件仍在运行”，然后什么也没有。

4

7 回答 7

3

这可能会帮助您：

function subtractHours(numberofMembers) {
    var hours = document.getElementById('hours');
    var i = 1;

    while(i < numberofMembers) {
        // Put the element in var
        var memberID = document.getElementById(i);
        // Check if exists and if it's checked
        if(memberID && memberID.checked) {
            // Use hours.value and memberID.value in your $.POST data
            // {hours : hours.value, memberID : memberID.value}
            console.log(hours.value + ' - ' + memberID.value);
            // $ajax is kinda longer version of $.post api.jquery.com/jQuery.ajax/
            $.ajax({
                type : 'post',
                dataType : 'json', // http://en.wikipedia.org/wiki/JSON
                url : 'subtract.php',
                data : { hours : hours.value, memberID : memberID.value},
                success: function(response) {
                    if( response.type == 'success' ) {
                        alert('Bravo! ' + response.result);
                    } else {
                        alert('Error!');
                    };
                }
            });

        }
    i++;
    }
}

和 PHP 部分：

$result = array();

// Assuming we are dealing with numbers
if ( ! empty( $_POST['hours'] ) AND  ! empty( $_POST['memberID'] ) ) {
    $result['type']   = "success";
    $result['result'] = (int) $_POST['hours'] . ' and ' . (int) $_POST['memberID'];
} else {
    $result['type']   = "error";
}

// http://php.net/manual/en/function.json-encode.php
$result = json_encode( $result );
echo $result;

die();

此外，您可能不希望 CSS #ID 以数字开头或仅由数字组成。CSS Tricks 解释得很好http://css-tricks.com/ids-cannot-start-with-a-number/

您可以通过在前面放置一些字符串来简单地解决这个问题：

var memberID = document.getElementById('some_string_' + i);

这不是理想的解决方案，但它可能会帮助您解决此错误。

干杯!

更新：

我首先想到的是带有数字的#ID，但似乎 JS 并不关心这一点（至少不是 CSS 所做的那样），但最好不要使用所有数字。所以整个错误是因为document.getElementById()只接受字符串。

参考：https ://developer.mozilla.org/en-US/docs/DOM/document.getElementById id 是一个区分大小写的字符串，表示正在寻找的元素的唯一 ID。

很少有成员提到转换var i为字符串，这是您解决方案的关键。因此var memberID = document.getElementById(i);将引用转换为字符串。while(i < numberofMembers) { 我认为，如果您在循环var i 中将 wright 定义为字符串，我认为可以在您的原始代码中完成类似的事情，i = i.toString();但我认为我们目前的解决方案更好。

于 2013-03-31T15:55:57.397 回答
0

尝试删除'' fx：

$.post (
        "subtract.php",
        {hours : hours, memberID : memberID}
于 2013-03-31T07:58:11.147 回答
0

试试这个

        $.ajax({type: "POST",
        url:"subtract.php",
        data: '&hours='+hours+'&memberID='+memberID,  
        success: function(data){
          }
        });
于 2013-03-31T08:11:00.500 回答
0

你也可以尝试这样的事情来检查

$(":checkbox").change(function(){
   var thisId = $(this).attr('id');
   console.log('Id - '+thisId);
});
于 2013-03-31T08:14:03.950 回答
0 
$studentID = $_GET['memberID'];
$hoursToSubtract = $_GET['hours'];
于 2013-03-31T08:33:54.660 回答
0

试试这个：

$.post("subtract.php", { hours: hours, memberID : memberID })
.done(function(data) {
  document.body.style.cursor = "auto";
});
于 2013-03-31T08:35:00.800 回答
0

尝试使用这个...

$.post("subtract.php", { hours: hours, memberID : memberID })
    .done(function(data) {
        $(body).css({ 'cursor' : 'auto' });
});
于 2013-03-31T09:00:32.047 回答