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

学习PHP/jQuery两周 - 提前道歉！PHP/jQuery - 从jQuery Stepper传递值到php页面

我正在使用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>"; 
?>

因此，这里是我的：

如果我删除行“数据：（{名称：order_size}）”从按钮点击脚本然后该按钮会触发并“发布”到Process.php页面（我可以将此作为带有按钮重新加载的页面），但是当包含“data：（{name：order_size}）”这一行时，按钮不会触发（我可以告诉这个，因为页面没有重新加载）。

我的注意力集中在POST函数中的“order_size”，我不确定代码是否正确。

任何指针非常赞赏。 :-)

资源：我读过以下有趣的SO问题，以及为jQuery的步进插件的文档：

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

来源

2015-07-03 BenH70

数据：（{名称：order_size}）应该只是数据：{名称：order_size}，然后也许你应该有order_size = $ （ '输入步进'）inputStepper（）;在点击功能中。我不知道最后一个，因为我不知道插件是如何工作的，只是想知道。 – Djip

Tks @Djip我建议修改为“data：{name：order_size}”。在另一个想法，像这样？ 'code' $（function（）{（'＃Button_Up'）。click（function（）{var order_size = $（'。input-stepper'）。inputStepper（）， var request = $ .ajax（ { type：“POST”， – BenH70

你是否尝试在更改后再次尝试，并且它没有工作？ – Djip

我不你不认为这条线符合你的意图。

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

如果您尝试将文本框的值传递给Process.php，则应改为使用val（）。

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

此外，作为评论提到，data: ({name:order_size})应data: { name: order_size }

来源

2015-07-03 19:41:50 Zsw

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

回答

相关问题