将jquery生成的表单发送到php_Php_Jquery

将jquery生成的表单发送到php

php jquery

将jquery生成的表单发送到php,php,jquery,Php,Jquery,我认为下面的脚本不起作用。我试图将使用jquery函数生成的值传递给php。当我运行这段代码时，它会被删除。表单向右滑动，但不编码任何值。我在想我做错了什么目标示例 $（文档）.ready（函数（）{ 函数compute（）{ 变量a=$（'#a'）.val（）； var b=$（'#b'）.val（）； var总计=a*b； $（'总计'）.val（总计）； } $（'a，'b'）。更改（计算）； }); 您的表单操作设置不正确。改用$\u服务器['SCRIPT\u NAME']。此外，

我认为下面的脚本不起作用。我试图将使用jquery函数生成的值传递给php。当我运行这段代码时，它会被删除。表单向右滑动，但不编码任何值。我在想我做错了什么


目标示例
$（文档）.ready（函数（）{
函数compute（）{
变量a=$（'#a'）.val（）；
var b=$（'#b'）.val（）；
var总计=a*b；
$（'总计'）.val（总计）；
}
$（'a，'b'）。更改（计算）；
});
您的表单操作设置不正确。改用$\u服务器['SCRIPT\u NAME']。此外，我还使用了速记回音功能，以防您感到疑惑。希望这能帮你解决：）

目标示例
$（文档）.ready（函数（）{
函数compute（）{
变量a=$（'#a'）.val（）；
var b=$（'#b'）.val（）；
var总计=a*b；
$（'总计'）.val（总计）；
}
$（'a，'b'）。更改（计算）；
});
我可以问一下为什么在1.6.x版中使用jquery吗？这有很多安全漏洞。1.12.x也与ie8兼容。你的图书馆绝对过时了。但这并不是问题所在。我尝试了它，在将jquery库更改为2.2.1之后，它起了作用。您是否输入了任何警报语句？一种很好的故障排除技术是每隔几行输入一个类似于警报（2）的数字，以查看故障点。您的代码没有任何问题，尽管jQuery对于这样一个简单的任务来说确实太棒了。我可以给你一个非jQuery版本，它可以工作。此外，您的代码也不是最佳的，因为它花费了大量的时间来查找内容。另外，请记住，您确实必须在运行PHP的web服务器上运行此程序，才能将结果回传到页面上！
<!DOCTYPE html>
    <html>
      <head>
        <title>Target Example</title>
        <?php
          $x = $_POST['total'];

          echo $x;

          ?>

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.css" />
        <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.js"></script>
        <script>
          $(document).ready(function() {
            function compute() {
              var a = $('#a').val();
              var b = $('#b').val();
              var total = a * b;
              $('#total').val(total);
            }

            $('#a, #b').change(compute);

          });
        </script>
      </head>
      <body>
      <form action="<?=($_SERVER['SCRIPT_NAME'])?>" method="post">
        <div data-role="page" id="irr">
          <div data-role="header">
            <h1>Calculation</h1>
          </div>
          <div data-role="content">
            <div data-role="fieldcontain">
              <label for="a">Diameter:</label>
              <input type="number" name="a" id="a" value=""  />
              <label for="b">Diver:</label>
              <input type="number" name="b" id="b" value=""  />
              <label for="total">Result:</label>
              <input type="text" name="total" id="total" value=""  />
              <input type="submit">
            </div>
            What did we do here?
          </div>
         </div>
          </form>
      </body>
    </html>