在jQuery中使用$ post方法

时间:2014-12-11 14:03:27

标签: javascript jquery

我想在我的jQuery计算器中创建一个“添加”按钮。当我点击“添加”按钮时,它会在显示屏上显示“+”,并且我将输入我输入的数字。之后我可以输入另一个数字来完成等式。我可以卡在添加按钮的部分,不知道如何做到这一点。我需要使用load()吗?

1 个答案:

答案 0 :(得分:0)

试一试。制定了一个有限输入的解决方案

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

您可以决定使用#add.click(....)事件中的附加值来做什么。我使用了一个简单的eval来得到结果。

 $(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);
                    }
             });
         }
     });
 });