小编典典

使用jQuery Ajax发送多个变量

ajax

总体概述

大家好,我有4个跨度,其中动态输入了值,但出于这个问题的目的,我输入了一些值。我想从跨度中获取值,使用ajax将其发送到php文件。如果它们符合php文件中设置的条件,则警告一些消息。这是我到目前为止所拥有的..

HTML

它基本上包含跨度和该跨度内的一些数字,下面的按钮具有一个onclick事件,以调用名为check的JavaScript函数。

 <span id="first" name="first">40</span>
      <span id="second" name="second">50</span>
      <span id="third" name="third">30</span>
      <span id="fourth" name="fourth">40</span></center>
      <input type="button" id="button" name="button" onClick="check()"/>

JavaSript

这基本上将每个span字段的值存储在指定的变量中,然后尝试使用ajax发送这些变量,然后在检索成功消息和失败消息时提醒消息。

 function check() {
      var    one = $('#first').val();
       var   two = $('#second').val();
       var  three = $('#third').val();
       var  four = $('#fourth').val();

    $.post("test.php",{ data : "one"+"&two"+"&three"+"&four" } ,function(data)
        {

         if (data=="yay") //for no input
         { alert("yay");
         }
         else 
         {
         alert("nay");
         }

         }


        }

PHP 这些是span字段中的值必须满足的条件,ajax函数从此处检索成功和失败消息。

  $one = $_POST["first"];
        $two = $_POST["second"];
         $three =$_POST["third"];
         $four = $_POST["fourth"];
         if($one > 5)        {

         echo "yay";
                           }
     elseif($two > 10 )        {

         echo "yay";  }

             elseif($three > 15 )        {

         echo "yay";  }

             elseif($four > 20 )        {

         echo "yay";  }

           else{
               echo "nay";
           }

问题

经过一些调试后,似乎php并没有获得任何值,这意味着数据没有正确传递。我不认为这是通过ajax传递多个项目的方式。有谁知道我该如何解决?非常感谢。


阅读 263

收藏
2020-07-26

共1个答案

小编典典

的第二个参数.post可以是与请求一起发送的参数映射:

$.post("test.php", { 
    first: one,
    second: two,
    third: three,
    fourth: four
}, function(data) {
    //Done!
});

映射的键(例如firstsecond等)是您可以用来从PHP脚本访问值的名称。

2020-07-26