вставить html, используя js

Question

Я пытаюсь использовать ajax после отправки формы для получения другого

$(document).ready(function() 
    { $("#my_form").submit(function(event) 
        { event.preventDefault(); 
            $this = $(this); 
            $.ajax({ 
                type: "POST",
                data: $this.serialize(), 
                success: function(data) 
                { console.log(data); 
                    document.getElementById("my_form").replaceWith(data.form1);
                }, 
                error: function(data) 
                { console.log(data); 
                } 
            }); 
        }); 
});

, но на странице код html вставляется в виде строки, как это можно исправить?

Answer 1

Выглядит так, как будто вы заменяете суббемтную форму, вы можете использовать функцию jQuery. html ().

$(document).ready(function() 
    { $("#my_form").submit(function(event) 
        { event.preventDefault(); 
            $this = $(this); 
            $.ajax({ 
                type: "POST",
                data: $this.serialize(), 
                success: function(data) 
                { console.log(data); 
                    //document.getElementById("my_form").replaceWith(data.form1); //remove this.
                   //add below code
                   var parent=$("#my_form").parent();
                   parent.html(data.form1);
                }, 
                error: function(data) 
                { console.log(data); 
                } 
            }); 
        }); 
});