总体概述
大家好,我有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传递多个项目的方式。有谁知道我该如何解决?非常感谢。
的第二个参数.post可以是与请求一起发送的参数映射:
.post
$.post("test.php", { first: one, second: two, third: three, fourth: four }, function(data) { //Done! });
映射的键(例如first,second等)是您可以用来从PHP脚本访问值的名称。
first
second