PHP JQuery 发布 2 个变量答案

【问题标题】：PHP JQuery post 2 variablesPHP JQuery 发布 2 个变量
【发布时间】：2018-08-08 07:34:56
【问题描述】：

我正在尝试使用 jQuery 将包含在 2 个输入类型文本中的 2 个变量发布到 php 页面。我无法检索数据，我不知道我做错了什么。只要我输入 2，它就可以与一个变量一起工作。

我的 html 页面：

<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

    var tablename = $('#tablename').val();  
    var idEcht = $('#idEcht').val();
              $.ajax({
        url: 'live_edit.php',
        type: 'POST',
        data: {'tablename=':+tablename, 'idEcht':+idEcht},
        dataType : 'html',
        success:function(data){
          $('p').html('the answer : ' +data);
        }
      });


});
    </script>
<head>
<body>
<input id='tablename' type='text' value='test'/>
<input id='idEcht' type='text' value='idEcht'/>

<p>
    </p>
</body>
</html>

我发送数据的 php 脚本：

if(isset($_POST['tablename'],$_POST['idEcht'])) {
    $tablename = $_POST['tablename'];
    $idEcht = $_POST['idEcht'];
    echo $tablename;echo $idEcht;
  } else {
    echo "Noooooooo";
  }

【问题讨论】：

标签： php jquery ajax post

【解决方案1】：

您不需要+ 符号。通过将+ 符号放在前面，您实际上是在尝试将tablename 和idEcht 转换为返回NaN 的数字。 javascript 中的对象表示法是{key: value}。 jQuery 将简单地获取这个对象，并执行所有魔法来格式化/将数据传递给服务器：

{'tablename': tablename, 'idEcht': idEcht},

您可以在此处查看其工作原理：

$(document).ready(function(){
  var tablename = $('#tablename').val();  
  var idEcht = $('#idEcht').val();
  
  console.log({'tablename=':+tablename, 'idEcht':+idEcht});
  
  console.log({'tablename': tablename, 'idEcht': idEcht});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<input id='tablename' type='text' value='test'/>
<input id='idEcht' type='text' value='idEcht'/>

<p>
    </p>

【讨论】：

嗨 FrankerZ，我删除了 + 符号，但它似乎不起作用，比如 tablename 和 idEcht 没有发布
@user979974 你是否也删除了=？
没错，我也忘了删除 =。有用。非常感谢 FrankerZ