Ajax腳本沒有更新PHP文件和他的var值

這是簡單的形式，點擊我需要計算的值顯示在文件process.php中，但這不適用於我。似乎「點擊」「=」不做任何事情，在process.php中有默認值「0」，沒有結果。Ajax腳本沒有更新PHP文件和他的var值

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 
<body> 
<script src="//code.jquery.com/jquery-1.12.0.min.js"> 
$('#button').click(function() { 
    var val1 = $('#text1').val(); 
    var val2 = $('#text2').val(); 
    $.ajax({ 
     type: 'POST', 
     url: 'demo/process.php', 
     data: { text1: val1, text2: val2 }, 
     success: function(response) { 
      $('#result').html(response); 
     } 
    }); 
}); 
</script> 

<input type="text" id="text1"> + 
<input type="text" id="text2"> 
<button id="button"> = </button> 

<div id="result"></div> 
</body> 
</html>

和PHP

<?php 
$text1 = $_POST['text1']; 
$text2 = $_POST['text2']; 
echo $text1 + $text2; 
?>

來源

2017-02-06 FabianCannes

問題是JavaScript運行前的按鈕在DOM - 將你的JavaScript中的按鈕後，或者，換你的代碼jQueries無處不在的文件準備包裝 –

仍然沒有工作... – FabianCannes

你有什麼改變 –

首先，您使用的是一個PHP的服務器？

如果你再試試這個（是的，我用一個不同的庫）：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Untitled Document</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

    </head> 
    <body> 
     <form> 
      <input type="text" id="text1" /> 
      <input type="text" id="text2" /> 
      <button type="button" id="button"> = </button> 
     </form> 

     <div id="result"></div>  
     <script type="text/javascript"> 
      $('#button').click(function() { 
       var val1 = $('#text1').val(); 
       var val2 = $('#text2').val(); 

       $.post("demo/process.php", {text1: val1, text2: val2} ,  function(data){ 
        $('#result').html(data); 
       }); 
      }); 
     </script> 
    </body> 
</html>

在PHP

：

<?php 
$text1 = $_POST['text1']; 
$text2 = $_POST['text2']; 
echo $text1 + $text2; 
?>

提示：始終指定一個元素的類型屬性。不同的瀏覽器對元素使用不同的默認類型。

來源

2017-02-06 01:50:03 Thibaut

爲什麼你會建議一個GET而不是一個帖子？ besieds，'＃button'仍然是未定義的，無論代碼在點擊回調中運行 –

@JaromandaX這也適用於POST，但爲什麼不能在您重定向到不同的頁面？ – Thibaut

問題中沒有形式..你在說什麼？ –

Ajax腳本沒有更新PHP文件和他的var值

回答

相關問題