无法在已创建的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> 

其工作正常，当我试图在成功这