使用php和ajax求和两个数字 - sum two numbers using php and ajax

sum two numbers using php and ajax

本文关键字：两个数字 php ajax 求和使用 | 更新日期: 2023-09-27

这是我的html代码：

   <form name="sumForm" action="">
<input type="text" id="num1" name="num1" />
<input type="text" id="num2" name="num2" />
<input type="submit" id="sum"  value="sum"/>
</form>

这是我的jquery代码：

       $("#sum").click(function() {
                        var num1 = $("#num1").val();
                        var num2 = $("#num2").val();

                        var dataString = "num1="+ num1 + "&num2=" + num2; 
                        $.ajax({
                        type: "POST",
                        url: "apotelesma.php",
                        data: dataString,
                        success: function() {
                           alert(dataString)
                                return false;
                        }
                });
                return false;
        });

这是apotelesma.php脚本：

<?php
$num1 = isset($_POST['num1']);
$num2 = isset($_POST['num2']);
$apotelesma = 0;
$apotelesma = $num1 + $num2;
echo $apotelesma;
?>

我不知道如何得到结果。我不知道包含php脚本来显示结果是否正确。

isset检查是否设置了值并返回布尔值，因此$num1和$num2将为true或false。所以你没有把实际值加起来。

问题是将$num1和$num2设置为布尔值。。

试试这个

$num1 = isset($_POST['num1']) ?  $_POST['num1'] : 0;
$num2 = isset($_POST['num2']) ?  $_POST['num2'] : 0;

isset()返回true或false，并且很难用true或false进行任何添加（讽刺）。

您需要将其更改为类似以下内容：

$num1 = isset($_POST['num1']) ?  $_POST['num1'] : 0;
$num2 = isset($_POST['num2']) ?  $_POST['num2'] : 0;
return $num1 + $num2;

我的问题：有什么理由在ajax上进行添加吗？为什么不在没有ajax请求的javascript中呢？

其他人在你的php文件中指出了一个错误，但在你的javascript中也有一个错误：

$.ajax({
type: "POST",
url: "apotelesma.php",
data: dataString,
success: function() {
   alert(dataString)
        return false;
}

应该是：

$.ajax({
type: "POST",
url: "apotelesma.php",
data: dataString,
success: function(data) {
   alert(data)
        return false;
}

success: function(data){}中的data就是您在php文件中回显的内容。

您没有发送变量。更改AJAX以在data区域中包括变量num1和num2：

$("#sum").click(function() {
    var num1 = $("#num1").val();
    var num2 = $("#num2").val();
    $.ajax({
        type: "POST",
        url: "apotelesma.php",
        data: {
            num1: num1,
            num2: num2
        },
        success: function(data) {
            alert(data);
            return false;
        }
    });
    return false;
});

把你的PHP改成这样：

$num1 = isset($_POST['num1']) ?  $_POST['num1'] : 0;
$num2 = isset($_POST['num2']) ?  $_POST['num2'] : 0;
echo $num1 + $num2;

'isset'返回一个布尔值，表示是否设置了变量。

您需要：

<?php
if (!isset($_POST['num1']) || !isset($_POST['num2']))
    exit;
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$apotelesma = 0;
$apotelesma = $num1 + $num2;
echo $apotelesma;
?>

那么你的成功回调应该包括

$('#result').html(dataString);

当您进行ajax调用时，您的页面不会像普通表单那样刷新，因此您不希望使用include。