为什么这个ajax.done（）不起作用？

Question

I'm writing a "betting" script so-to-speak, and making an automated system.

The bettor will be able to choose to increase the amount or decrease the amount on win or loss.

The PHP script I wrote returns echo json_encode(array('result' => 'win')); or 'loss' for a loss.

Why won't the below code update that value of the amount dependent upon the result?

$(document).ready(function(){

      function updateValuesAuto() {
        // Grab all the value just incase they're needed.
        var multiplier_auto = $('#multiplier_auto').val();
        var percentage_auto = $('#percentage_auto').val();
        var bet_amount_auto = $('#bet_amount_auto').val();
        var profit_amount_auto = $('#profit_amount_auto').val();

            multiplier_auto = (100-1)/percentage_auto;
            profit_amount_auto = (bet_amount_auto*multiplier_auto)-bet_amount_auto;

                $('#multiplier_auto').val(multiplier_auto);
                $('#percentage_auto').val(percentage_auto);
                $('#bet_amount_auto').val(bet_amount_auto);
                $('#profit_amount_auto').val(profit_amount_auto);
      }

      $('#multiplier_auto').keyup(updateValuesAuto);
      $('#percentage_auto').keyup(updateValuesAuto);
      $('#bet_amount_auto').keyup(updateValuesAuto);
      $('#profit_amount_auto').keyup(updateValuesAuto);



var runI   = null;
var $run   =  $('#start');
var $times =  $('#amount_bets');
var $stop =  $('#stop');

$run.on('click', function() {  
  event.preventDefault();
    $(this).attr('disabled', true);
    $stop.attr('disabled', false);
    var ran = 0;
    var val = parseInt($times.val(), 10);
    if(isNaN(val) || val === 0 ) return false;

     runI = setInterval(function() {
        if( ran < val ) {    
          $.ajax({
            url: './requests/bet.php',
            type: 'POST',
            data: { amount: $('#bet_amount_auto').val(), chance: $('#percentage_auto').val(), multiplier: $('#multiplier_auto').val(), profit: $('#profit_amount_auto').val() },
          }).done(function(result) {
            var result = JSON.parse(result);
              if( result === 'win' ) {
                $('#bet_amount_auto').val() = $('#bet_amount_auto').val() * $('#wini').val();
              }
              else if( result === 'loss' ) {
                $('#bet_amount_auto').val() = $('#bet_amount_auto').val() * $('#lossi').val();
              }

              ran++;
          });
        }

        else {
           clearInterval(runI);
           $run.attr('disabled', false);
        }
    }, 500);
});

$stop.on('click', function() {
    event.preventDefault();
    clearInterval(runI);
    $run.attr('disabled', false);
});

});

Thanks.

Answer 1

You may want to trim down the code to the specifics of the problem if the answer does not help, but would behoove you to actually look at the data that gets sent back. It will be:

{"result":"win"}

So to access the result in the .done function, you'd need to use result.result.

Additionally, if you are sending JSON back, jQuery may be parsing it automatically and JSON.parse may result in an error. To get jQuery to do this, send the JSON content-type header via PHP:

header("Content-type: application/json");