来自php的Ajax响应,回应div内的跨度?

时间:2015-12-27 15:33:34

标签: php jquery ajax post

我使用Ajax将数据发布到我的php文件,然后在div中检索它的响应。 所以我正在做的是在出现错误的情况下回复<span class="messageError">Insuficient points!</span>,如果一切都像预期那样<span class="messageSuccess">Your request was successfully sent!</span>。 在客户端,我有这个功能:

$.ajax({
    url: 'newRequest.php',
    data: myData,
    type: 'post',
    dataType: 'html',
    success: function(result){
        $('.returnMessage').text(result)
    }
});

&#34; returnMessage&#34;是加载响应的div。一切正常,除了输出而不是在div中创建一个span,它加载整个字符串<span class="messageError">Insuficient points!</span> ......

如何使函数在div中创建span而不是将标记写为字符串?谢谢!

2 个答案:

答案 0 :(得分:2)

只需更改代码即可:

success: function(result){
    $('.returnMessage').html('<span class="messageError">' + result + '</span>');
}

或者,如果已生成<span>,只需将其更改为.html()

即可
success: function(result){
    $('.returnMessage').html(result);
}

答案 1 :(得分:1)

使用<link href="/css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" title="prettyPhoto main stylesheet"/> <script type="text/javascript" src="/js/fade.js"></script> <script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script> 方法html()对值进行编码:

text()