ajax怎样发变量,使用jQuery Ajax发送多个变量

总体概述

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

HTML

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

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传递多个项目的方式。有谁知道我该如何解决？非常感谢。

ajax怎样发变量,使用jQuery Ajax发送多个变量相关推荐

jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号用户帐户发货状态请选择未发送已发送查询 JavaScript请求部分: function showdatalist() { var username = ...
Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
根据视频进行整理 [https://www.bilibili.com/video/BV1WC4y1b78y?p=1] 视频资料百度网盘: 链接:[https://pan.baidu.com/s/1n ...
ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例
html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...
ajax点击更改div,jquery ajax双击div可直接修改div中的内容
jquery ajax双击div可直接修改div中的内容发布于 2017-04-03 17:26:16 | 127 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框 ...
ajax请求获取服务器数据,jquery.ajax发布从app引擎服务器获取数据的请求
为noob问题道歉...... 您好,如何使用jQuery.ajax从appengine服务器的Python端获取数据?我知道如何使用ajax和适当的处理程序将数据发送到服务器,但我想知道是否有人可以 ...
jquery ajax下拉联动,基于jQuery Ajax实现下拉框无刷新联动
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using Sys ...

ajax怎样发变量,使用jQuery Ajax发送多个变量

ajax怎样发变量,使用jQuery Ajax发送多个变量相关推荐

最新文章

热门文章