Update text with submitted data w/jQuery

Question

I have a form on a page. I have a link acting as submit button. The value is sent to a php page via ajax where the value is set into a session.

After submit I swap the form with text field where the text is displayed. How do I use the text from the submitted form to display withing <pre></pre> tags?

$("#btnPreview").click(function() {
    var custM = $("#inviteMsg").val();          
    $.ajax({
        url: "ajax.php",
        type: "POST",
        data: "msg="+custM
    });     
});

<div id="customMsgPreview">
    <div class="rollSec">
    <pre>
      // SUBMITTED TEXT NEEDS TO APPEAR HERE 
      '.$tstLnk.'
    </pre>
</div>

Jason Barry · Accepted Answer · 2011-09-25 21:14:08Z

1

Use $.ajax's success callback.

var custM = $("#inviteMsg").val(); 
$.ajax({
    url: "ajax.php",
    type: "POST",
    data: "msg="+custM,
    success: function(response){
        $('#customMsgPreview').find('pre').html(custM);
    }
});

You can also put response from the ajax page in the pre tag as well.

answered Sep 25, 2011 at 21:14

Jason Barry

7585 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

neworld · Accepted Answer · 2011-09-25 21:13:48Z

1

You can pass success callback:

success: function (text) {
  $('#customMsgPreview pre').html(text);
}

answered Sep 25, 2011 at 21:13

neworld

7,7933 gold badges42 silver badges62 bronze badges

Collectives™ on Stack Overflow

Update text with submitted data w/jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related