JQuery Ajax Post input Class

本文关键字：Class input Post Ajax JQuery | 更新日期: 2023-09-27

我正在尝试将Ajax帖子发送到PHP。

这个代码工作正常：

$(document).on('keyup change',function(){
        $.post("suma.php",{name: "oscar"},
            function(data){
                $('#Resultado').html(data);
            }
            );
    });

PHP:

<?php
if( $_REQUEST["name"] )
{
   $name = $_REQUEST['name'];
   echo "Welcome ". $name;
}
?>

但问题是，我如何发送这样两个输入类的值，并用PHP计算总和？

 <tr>
    <td><input value="0" class="sum1"/></td>
    <td><input value="0" class="sum2"/></td>
</tr>

提前谢谢。

这是一个例子：

<div>
  <a href="#" id="text-id">Send text</a>
  <input id="source1" name="source1" >
  <input id="source2" name="source2" >
</div>

您需要在ajax中包含成功处理程序：

$("#text-id").on( 'click', function () {
        $.ajax({
            type: 'post',
            url: 'text.php',
            data: {
                source1: "some text",
                source2: "some text 2"
            },
            success: function( data ) {
                console.log( data );
            }
        });
    });

首先，您需要为这两个输入字段提供可分辨的名称/id，然后在JS中，您可以找到这两个字段的值，如$（"#input_id"）.val（），然后将它们发布在ajax数据属性中，如Jeffery发布的那样。其次，您将能够通过$_POST变量在PHP中获取所有发布的数据，然后您可以对数据执行任何操作并返回响应。

您可以在此处发送；

$.post("suma.php", {
       src1 ; $('.sum1').val(),
       src2 : $('.sum2').val()
   }

和您的php:

<?php
    if( $_REQUEST["src1"] && $_REQUEST["src2"] ){
    $sum = $_REQUEST["src1"] + $_REQUEST["src2"]; 
    echo $sum;
 }
?>