2014-03-07 34 views
0

我正在研究一些從文本輸入中獲取值並將其傳遞到php變量的ajax。我有下面的代碼做我想要的東西,但它時,它傳遞值到PHP和我不能工作了,爲什麼,任何想法複製文本輸入和按鈕:Ajax文本到PHP在傳遞值時複製文本和按鈕

<html><head><title>Ajax Example</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
function callAjaxAddition() { 
    arguments0 = $("input[name='arg1']").val(); 
    $.ajax({ 
    type: "POST", 
    url: "refresh.php", 
    data: {arguments: arguments0}, 
    success: function(data) { 
     $("#answer").html(data);  
    } 
    }); 
    return false; 
} 
</script> 
</head> 
<body><div id="exampleForm"> 
    <input name="arg1" /><div id="answer"></div> 
    <br /> 
    <button onClick="callAjaxAddition()">Click Me to Add</button> 
</div> 
<?php 

if(isset($_POST['arguments'])) 
{ 
    $a = $_POST['arguments']; 

    echo $a; 
    var_dump($a); 
} 
?> 
</body></html> 
+0

警報ajax的數據警報(數據); – user3064914

回答

1

你發送請求到一個有html代碼的php文件。所以它呈現當前的HTML,它有文本框。你把它放在answer div。這就是它重複的原因。如果您向refresh.php發出請求,則它不僅響應整個頁面echo $a;部分。創建aseparate頁面像service.php

service.php

<?php 

if(isset($_POST['arguments'])) 
{ 
    $a = $_POST['arguments']; 

    echo $a; 
} 
?> 

使用service.php在你的Ajax調用