成功后,Ajax将旧文本更改为新文本

时间:2015-02-19 23:12:21

标签: javascript jquery ajax

我在成功后有一个关于ajax更改文本的问题。

我装了这个ajax。这段代码工作正常。但我想将旧文本更改为.chnged div。

中的新文本

例如:

<input type="text" name="text" value="<?php echo $text;?>">
<input type="submit" id="change" value="Change Text">

旧文字= <div class="chnged">Old text</div>

点击#change按钮,然后点击<div class="chnged">New Text</div>

我怎么能这样做,任何人都可以告诉我?

$('#change').click(function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: $.base_url+'change_text.php',
            data: {text:$('input[name="text"]').val()},
            beforeSend: function(){$("#posting").html('<img src="icons/ajaxloader.gif"/>'); },
            success: function(html,data) {
            $('.chnged').val('');
            swal({   title: "Success!",   text: "Thanks.",   timer: 5000 });
            }
        });
      return false;
    });

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery更改.chnged元素的内容:

$(".chnged").html(html);

在此代码中,我假设html变量是您想要的新值。

答案 1 :(得分:1)

$('.chnged').text('New text');

或者如果它是html那么

$('.chnged').html('<p>New text</p>');