Question

我是编码的初学者。我想使用jquery ajax将多个数据发布到php文件＆amp;保持在同一页面上以处理结果（数据）。数据为1或0 现在，我使用以下语法成功发布了一个变量：

$.post("test_wkshop.php", {item1 : $(item1).val() }, function(data){
// statement....

}

然而，对于多个数据我被困住了，没有任何反应。这是错误的代码：

$.post("test_wkshop.php", {item1 : $(item1).val(), item2 : $(item2).val() }, 
item3 : $(item3).val() function(data){
// statement....

}

我已经尝试了相关的问题，但由于我目前的知识（例如我没有学习的JSON等参考），我感到很困惑。任何人都可以帮助识别我的错误。感谢

Answer 1

item3 : $(item3).val()在大括号之外声明，尝试将数据分成变量以提高可读性，如下所示：

var data = {
  item1 : $(item1).val(), 
  item2 : $(item2).val(),
  item3 : $(item3).val()
};
$.post("test_wkshop.php", data , function(data){
  // statement....

})

Answer 2

<b>Item1:<b><br>
<input id="item1" name="item1" type="text" required required pattern="[A-Za-  
z0-9.-_ ]{5,10}">

 <b>Item2:<b><br>
<input id="item2" name="item2" type="text" required pattern="[A-Za-  
z0-9.-_ ]{5,10}"><br>

<b>Item3:<b><br>
<input id="item3" name="item3" type="text" required pattern="[A-Za-  
z0-9.-_ ]{5,10}"><br>

<p id='alarm' class='alarm'></p>

<script>
$(document).ready(function() {
   $("#item3").change(function()  {
       var mydata = {
       item1 : $("#item1").val(), 
       item2 : $("#item2").val(),
       item3 : $("#item3").val()
       };
       $.post("test_myitems.php", mydata, function(data){
           if(data == 1){
               $("#alarm").text('This combination is OK');
           }else{
              $("#alarm").text('Wrong combination. Recheck list');
           }
       });
   });
}); 
</script>

使用jquery ajax发布多个变量并保持在同一页

2 个答案: