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文件代码低于一个。

<?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，但您通过post发送值。添加method = post到表单标签

<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>

我尝试这个时工作正常

无法在已创建的div标签中显示ajax响应

3 个答案: