JQuery Ajax 포스트 입력 클래스

Question

PHP가 Ajax 포스트를 보내려고합니다.

이 코드는 작동 확인 :

$(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> 

감사합니다.

Answer 1

이것은 예입니다

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

당신은 당신의 아약스에서 success handler 포함해야합니다 : 첫째는 두 개의 입력 필드에 고유 이름/ID를 제공해야합니다

$("#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); 
      } 
     }); 
    }); 

Answer 2

을, JS에서는 $ ("# input_id"). val()과 같은 값을 찾을 수 있고 Jeffery가 게시 한 아약스 데이터 속성에 게시 할 수 있습니다. 둘째, $ _POST 변수를 통해 PHP에서 게시 된 모든 데이터를 가져올 수 있습니다. 그런 다음 데이터를 반환하고 응답을 반환 할 수 있습니다.

Answer 3

여기로 보낼 수 있습니다.

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

---

그리고 당신의 PHP :

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

의