Я инженер по продукту и новичок в кодировании, но сейчас я делаю веб-сайт портфолио из шаблона.Я успешно создал форму и перенес отправленное содержимое в Google Sheet, но я хочу сделать больше.Я хочу встроить «страницу благодарности» thankyou.html в существующее разделение <div id="newform"> моей веб-страницы после отправки формы.Все, что я знаю, это код window.location.href, но он перенаправит всю страницу на страницу с благодарностью, вот мой код:
<script src = "//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" >
</script>
<script type = "text/javascript" >
$(document).ready(function() {
// References:
var $form = $('#myForm');
var $conf = $('#myConf');
var $subm = $('#mySubmit');
var $impt = $form.find(':input').not(':button, :submit, :reset, :hidden');
// Submit function:
$form.submit(function() {
$.post($(this).attr('action'), $(this).serialize(), function(response) {
// On success, clear all inputs;
$impt.val('').attr('value', '').removeAttr('checked').removeAttr('selected');
// Write a confirmation message:
$conf.html("Form submitted!!");
// Disable the submit button:
$subm.prop('disabled', true);
}, 'json');
return false;
});
});
</script>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="newform">
<form id="myForm" action="the script from Google">
Your name:<br>
<input type="text" name="name" placeholder="your name" style="width:200px"><br> Your phone:<br>
<input type="number" name="phone" placeholder="you phone" style="width:200px"><br> Your email:<br>
<input type="email" name="email" placeholder="your email" style="width:200px"><br> Message:
<br>
<input type="textbox" name="message" placeholder="your message" style="width:200px"><br>
<input type="submit" id="mySubmit" value="submit" onclick="window.location.href = 'https://www.xul.fr/ajax/anotherpage.html';">
</form>
<p><span id="myConf">Submit</span></p>
</div>
</body>
</html>
любой знает, как встроить «thankyou.html» (или anotherpage.html, как видно из приведенного выше примера) в раздел <div id="newform"> после отправкиформе?