Question

这是我的剧本：

<script>
    $('form.subscribe').on('submit', function() {
        var that = $(this);
        url = that.attr('action');
        method = that.attr('method');
        data ={};
        that.find('[name]').each(function(index, value) {
              var that = $(this),
              name = that.attr('name'),
              value = that.val();
              data[name] = value;
        });

        $.ajax({
            url: url,
            type:method,
            data: data,
            success: function(response){
                console.log(response);
            }
        });

        return false;
     });
</script>

我有一个ajax函数，它根据您在表单上的输入提供错误消息或成功消息。

我得到的消息来自这个PHP脚本：

<?php
    header("Refresh:7; url=contact.php");
    $email = $_POST['subscribefield'];

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "Dit emailadres klopt niet";
        die();
    }

    $to = "flash1996mph@hotmail.com";
    $subject = "Abonee voor de nieuwsbrief";
    $body = "$email \n Heeft zich aangemeld voor de nieuwsbrief";

    mail($to, $subject, $body);
    echo "U heeft zich zojuist aangemeld voor de vandenberg nieuwsbrief";
?>

现在我用console.log()显示输出。但我希望在<div>中显示这些内容。

Answer 1

您只需使用jQuery .html()在DIV中设置响应内容。

替换以下行

console.log(response);

与

$('#idOfDiv').html(response);
//or
$('.classOfDiv').html(response);

Answer 2

在您的html页面中创建一个div元素，您希望在该页面中显示您的消息，并为其指定一个ID

<div id="myMessage"></div>

并用

替换console.log行

$('#myMessage').text(response);

并且您的消息将以div开头。

Answer 3

将console.log()替换为$('#div-id').html(response);

Answer 4

使用$(selector).html()输出HTML或$(selector).text()输出为纯文本：

$.ajax({
    url: url,
    type:method,
    data: data,
    success: function(response){
        $('div').html(respons);
    }
});

Answer 5

如果您只想在某些特定情况下创建div，则可以创建div，然后在AJAX成功调用中附加数据。

取代console.log(response);

使用：

$('#elementId').append("<div class=''>response</div>");

div中的Php输出

5 个答案: