PHP/jQuery - 将值从 jQuery Stepper 传递到 php 页面

Question

学习 PHP/jQuery 两周了 - 提前道歉!

我正在使用 jQuery 插件“jquery.input-stepper.js”来获取输入值。

//Stepper input
<div class="input-stepper">
    <input class="order_size" type="text" min="0"  max="1000000">
</div>

//javascript
<script>
$('.input-stepper').inputStepper();
var order_size = $('.input-stepper').inputStepper();
</script>

然后单击按钮，我希望将值“order_size”传递给“Process.php”

<button id="Button_Up" type="button">Up</button>
<script>
    var order_size = $('.input-stepper').inputStepper();

    $(function (){
        $('#Button_Up').click(function(){
            var request = $.ajax({
                type: "POST",
                url: "Process.php",
                data: ({name:order_size})
            });
            request.done(function( msg ) {

                location.reload();
                return;

            });
            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
            });
        });
    });
</script>

此时，我只是想验证“order_size”值是否已通过点击传递。我在“Process.php”上尝试如下:

<?php
$order_size = $_POST['name'];
echo $order_size; 
echo "<BR>"; 
?>

这就是我现在的位置:

如果我从按钮单击脚本中删除“data: ({name:order_size})”行，则按钮会触发并“发布”到 Process.php 页面(我可以在带有按钮的页面重新加载时告诉我这一点) )但是，当包含“data: ({name:order_size})”行时，按钮不会触发(我可以看出这一点，因为页面不会重新加载)。

我的重点是在 POST 函数中包含“order_size”，我不确定代码是否正确。

非常感谢任何指点。 :-)

资源:我已经阅读了以下有趣的 SO 问题以及 jQuery Stepper 插件的文档:

PHP + Jquery - pass value through ajax to php and check against variable

How to pass multiple variables to PHP with jQuery

https://github.com/FormstoneClassic/Stepper

Answer 1

我认为这条线没有达到你的预期。

var order_size = $('.input-stepper').inputStepper();

如果您尝试将文本框的值传递给 Process.php，则应该使用 val()。

var order_size = $('#order_size').val();

此外，正如评论中提到的，data: ({name:order_size}) 应该是 data: { name: order_size }