AJAXは応答を返しますが

Question

html DIVする応答からHTMLコードを添付していません：

<form method="POST"> 
<input type="text" name="unu" id="unu"> 
<input type="text" name="doi" id="doi"> 
<button type="button" onclick="check()">OK</button> 
</form> 
<div id="show_panels"></div> 

jquery：

function check() { 
    $.ajax({ 
    type: "POST", 
    url: "2.php", 
    data: $("form").serialize(), 
    success: function(result) { 
     $('#show_panels').html(result); 
    }, 
    error: function(result) { 
     console.log("Eroare:"); 
     console.log(result); 
    } 
    }); 

    var result_input = document.getElementById('result'); 
    console.log(result_input.value); 
} 

php：

<?php 
$var_unu = $_POST['unu']; 
$var_doi = $_POST['doi']; 
$rezultat = $var_unu + $var_doi; 
?> 
<input type='text' value='<?php echo $rezultat ?>' id='result'/> 

返さ入力からあなたが見ることができるように、私は（テストのために）私のコンソールで取得しようとしています、値id結果が、コンソール・リターンと：

Uncaught TypeError: Cannot read property 'value' of null。ページのソースで

私は私のajax返さ入力用htmlコードを持っている `tを。 私は間違っていますか？

ブラウザビュー：

表示ページのソース：

Answer 1

HTML inputresultはsuccess callbac後に存在するためkが実行される。

function check() { 
    $.ajax({ 
    type: "POST", 
    url: "2.php", 
    data: $("form").serialize(), 
    success: function(result) { 
     $('#show_panels').html(result); 

     var result_input = document.getElementById('result'); 
     console.log(result_input.value); 
    }, 
    error: function(result) { 
     console.log("Eroare:"); 
     console.log(result); 
    } 
    }); 
} 

補正してくれてありがとう@Titusを：

はこれで試してみてください。

---

更新：

html：フォームでHTML inputresultを追加

あなたはいくつかの変更を必要と返された値を再利用する必要がある場合。

<form method="POST"> 
    <input type="text" name="unu" id="unu"> 
    <input type="text" name="doi" id="doi"> 
    <button type="button" onclick="check()">OK</button> 
    <input type="text" value="" id="result" /> 
</form> 
<div id="show_panels"></div> 

jquery：はHTML inputresultで返された値を出力します。

function check() { 
    $.ajax({ 
    type: "POST", 
    url: "2.php", 
    data: $("form").serialize(), 
    success: function(result) { 
     $('#show_panels').html(result); 

     document.getElementById('result').value = result; 
    }, 
    error: function(result) { 
     console.log("Eroare:"); 
     console.log(result); 
    } 
    }); 
} 

php：PHPファイルで、ちょうどechoを使用して$rezultatを返します。

<?php 
$var_unu = $_POST['unu']; 
$var_doi = $_POST['doi']; 
$rezultat = $var_unu + $var_doi; 
echo $rezultat; 
?>