無法在已創建的div標籤中顯示ajax響應

Question

大家好，我試圖在已創建的div中顯示ajax響應，但我無法顯示。你能幫我解決我錯在哪裏嗎？

<form id="coupon" action=""> 
    <label>Have a Coupon?</label> 
    <input name="couponcode" id="couponcode" value="" /> 
    <input type="submit" value="Apply" /> 
</form> 
<div id="result"></div> 

現在我jQuery的功能是下面一個。

$("#coupon").submit(function (event) { 

    /* Stop form from submitting normally */ 
    event.preventDefault(); 

    /* Clear result div*/ 
    $("#result").html(''); 

    /* Get some values from elements on the page: */ 
    var values = $(this).serialize(); 

    /* Send the data using post and put the results in a div */ 
    $.ajax({ 
     url: "coupon.php", 
     type: "post", 
     data: values, 
     success: function (response) { 
      $('#result').html(response); 
     } 
    }); 
}); 

我的coupon.php文件代碼在1以下。

<?php 
if (!empty($_POST)) { 

    $coupon = $_POST['couponcode']; 

    //json_encode(array('coupon' => $coupon)); 

    echo $coupon; 
} 
?> 

Answer 1

該代碼需要連接寫入到div的標記中的響應。

$.ajax({ 
    url: "coupon.php", 
    type: "post", 
    data: values, 
    success: function (response) { 
     $('#result').html("<div id='message'>"+ response+"</div>"); 
    } 
}); 

Answer 2

嘗試使用

$.ajax({ 
    url: "coupon.php", 
    type: "post", 
    data: values, 
    success: function (response) { 
    $('#result').text(response); 
    } 
}); 

Answer 3

默認方法表單提交的GET，但你通過郵寄值。添加方法=後形成標籤

<form id="coupon" action=""> 
    <label>Have a Coupon?</label> 
    <input name="couponcode" id="couponcode" value="" /> 
    <input type="submit" value="Apply" /> 
</form> 
<div id="result"></div> 
<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> 
<script> 
jQuery(document).ready(function($) { 
$("#coupon").submit(function (event) { 

    /* Stop form from submitting normally */ 
    event.preventDefault(); 

    /* Clear result div*/ 
    $("#result").html(''); 

    /* Get some values from elements on the page: */ 
    var values = $(this).serialize(); 

    /* Send the data using post and put the results in a div */ 

    $.ajax({ 
     url: "coupon.php", 
     type: "post", 
     data: values, 
     success: function (response) { 
      $('#result').html(response); 
     } 
    }); 
}); 
}); 
</script> 

其工作正常，當我試圖在成功這