$ post method using jQuery

Question

jQuery 계산기에서 "추가"버튼을 만들고 싶습니다. "추가"버튼을 클릭하면 디스플레이에 "+"가 표시되고 입력 한 번호가 저장됩니다. 그 후에 다른 수를 입력하여 수식을 완성 할 수 있습니다. 버튼을 추가하는 방법에 대해 잘 모르겠다. load()를 사용해야합니까?

Answer 1

시험해보세요. 제한된 입력과 솔루션을 제작 당신은 당신이 #의 add.click (...) 이벤트에 추가 된 값으로 수행 할 작업을 결정할 수 있습니다

http://jsfiddle.net/sabkaraja/utc7f2ex/

을 주었다. 간단한 평가를 통해 결과를 얻었습니다.

$(function() { 
    var $display = $('#display'); 
    $display.val(0); 


    $(document).on('click', 'button.number', function() { 
     if ($display.val().length >= 8) { 
      $display.val("Error"); 
     } else if ($display.val() == "Error") { 
      $display.val("0"); 
     } else { 
      $display.val($display.val() + '+' + $(this).val()); 

     } 
    }); 
    $("#clear").click(function() { 
     $display.val("0"); 
    }); 
    $("#ce").click(function() { 
     if ($display.val().length >= 2) { 
      $display.val($display.val().substring(0, $display.val().length - 1)); 
     } else { 
      $("#ce").trigger("click"); 
     } 
    }); 

    $("#add").click(function() { 
     if ($display.val().length !== 0) { 
      v = eval($display.val()); //<----- here is where I add the numbers 
      $display.val(v); //------------> do whatever you like to do after this 
      $.ajax({ 
        url: 'submit.php', 
        type: 'POST', 
        dataType :'html', 
        data: {sum: v}, 
        success: function(data) { 
         alert(data); 
        } 
      }); 
     } 
    }); 
});