将客户端数据传递给服务器端方法

时间:2011-12-20 09:43:03

标签: php javascript jquery ajax countdown

我有一个JavaScript文件,可以使用json数据检查出价。

现在我遇到的问题是倒计时的插件有一个onExpiry函数,它不会让你传递参数,当你在计数器到期之前调用回调时。倒计时到期时,应将拍卖设置为赢,提醒用户并将其添加到获奖者表中。其中大部分是由php处理的,但是我所做的功能需要传递auction_id和用户名,但是如果没有传递参数,我就无法想到如何做到这一点。这是我目前的代码。

赢得PHP功能:

 function isWon($user, $auction){
        $this->load->model('Auction_model', 'Auction');
        $this->load->model('Bid_model', 'Bid');
        $this->load->model('Customer_model', 'Customer');

        $makeWon = $this->Auction->isWon($auction);
        $customer = $this->Customer->getByUsername($user);

        if ($makeWon){
            $json = array(
                'success' => 'Congratulations '.$user.' You have won.',
            );
        }

        echo json_encode($json);

    }

Common.Js

function checkBids(){

    var id = $('div.auction').attr('id'); 
    $.ajax({
        url: 'http://localhost/tinybid/index.php/auction/auctiondata',
        dataType: 'json',
        success: function(json) {
            for (var i = 0; i < json.length; i++) {

                $('#auction'+json[i]['i']+' li.user').html(json[i]['u']);
                $('#auction'+json[i]['i']+' li.curPrice').html(json[i]['p']);
                if (typeof json[i]['t'] =='number'){
                    $('#auction'+json[i]['i']+' li.timer').countdown({until: startTimer(json[i]['i'],json[i]['t']), onExpiry: isWon}); 
                }
            }
        }

    }); 
}
function startTimer(auction, stamp){
    var time= new Date();
    time.setTime(stamp*1000);
    $('#auction'+auction+' li.timer').countdown('change', {until: time}); 

}

function isWon(user, auction){
    if (user){
        $.ajax({
            url: 'http://localhost/tinybid/index.php/auction/isWon/'+user+'/'+auction,
            dataType: 'json',
            success: function(json) {
                if (json['success']){   
                    alert(json['success'])
                }
            }

        }); 
    }
}

这是在checkBids()函数

上返回的Json
[{"i":"5","t":1324374080,"p":"£ 0.13","u":"chrissy"}]

这是创建此倒计时的最佳方式,还是更好,更清洁的方式? 如果这是最好的方法,我怎样才能将函数运用到所有工作中lol:)

1 个答案:

答案 0 :(得分:0)

您不需要使用“onExpiry”来传递参数。 首先 - 您可以一直使用该功能

onExpiry : function(){  isWon(user, auction); }

因此有效地传递了匿名函数实现中的参数。 但我通常只是添加一个隐藏的输入字段

<input id="user_id" type="hidden"/>
<input id="auction_id" type="hidden"/>

并在“isWon”功能中 - 而不是将“用户”和“拍卖”作为参数,只需执行以下操作

var user_id = $("#user_id").val();
var auction_id =  $("#auction_id").val();

然后将它传递给ajax到服务器,或者直接在ajax中传递它

 $.ajax({
            url: 'http://localhost/tinybid/index.php/auction/isWon/'+user+'/'+auction,
            dataType: 'json',
            data:{user_id:$("#user_id").val(), auction_id:$("#auction_id").val()}, 
            success: function(json) {
                if (json['success']){   
                    alert(json['success'])
                }
            }

顺便说一下 - 请注意您的示例中的“URL”很奇怪。应以“/”开头,中间不包含“index.php”。如果我可以拥有您的文件层次结构,我也可以解决此问题。