Javascript 在提交post方法表单后如何表示感谢
我的代码：Javascript 在提交post方法表单后如何表示感谢,javascript,html,forms,post,submit,Javascript,Html,Forms,Post,Submit,我的代码： <html> <body> <p>When you submit the form, a function is triggered which alerts sometext.</p> <form id="abc" action="https://www.w3schools.com/action_page.php" onsubmit="myFunction()"
<html> <body>
<p>When you submit the form, a function is triggered which alerts sometext.</p>
<form id="abc" action="https://www.w3schools.com/action_page.php"
onsubmit="myFunction()"> Enter name: <input type="text"
name="fname"> <input type="submit" value="Submit"> </form>
<script> function myFunction() {
alert("The form was submitted"); } </script>
</body> </html>
当您提交表单时，会触发一个提醒sometext的函数
输入名称：
函数myFunction（）{
警报（“表单已提交”）；}
<html> <body>
<p>When you submit the form, a function is triggered which alerts sometext.</p>
<form id="abc" action="https://www.w3schools.com/action_page.php"
onsubmit="myFunction()"> Enter name: <input type="text"
name="fname"> <input type="submit" value="Submit"> </form>
<script> function myFunction() {
alert("The form was submitted"); } </script>
</body>
<script> $("#abc").submit(function(e){
e.preventDefault();
$.get("https://www.w3schools.com/action_page.php",$("#abc").serialize(),function(data){alert("Thank you for submitting ")})
})</script> </html>
当您提交表单时，会触发一个提醒sometext的函数
输入名称：
函数myFunction（）{
警报（“表单已提交”）；}
$（“#abc”）。提交（功能（e）{
e、 预防默认值（）；
$.get（”https://www.w3schools.com/action_page.php“，$（“#abc”）.serialize（），函数（数据）{alert（“感谢您提交”）}）
})
<form action="thankyou.php">
<html>
<body>
<div id="app">
<p>When you submit the form, a function is triggered which alerts some text.</p>
<form id="abc" action="https://www.w3schools.com/action_page.php">
Enter name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</div>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script type="text/javascript">
$('form#abc').on('submit', function(event){
event.preventDefault();
var formData = $("form#abc").serializeArray();
console.log(formData);
$.ajax({
url: "https://www.w3schools.com/action_page.php",
type: "POST",
data: formData,
dataType: 'jsonp',
crossDomain: true,
success:function(json){
$('#app').html('<h1>Thank You</h1>');
},
error:function(){
$('#app').html('<h1>Thank You</h1>');
}
});
});
</script>
</body>
</html>
当您提交表单时，会触发一个功能，提醒某些文本
输入名称：
$（'form#abc'）。关于（'submit'，函数（事件）{
event.preventDefault（）；
var formData=$（“form#abc”）.serializeArray（）；
console.log（formData）；
$.ajax({
url:“https://www.w3schools.com/action_page.php",
类型：“POST”，
数据：formData，
数据类型：“jsonp”，
跨域：是的，
成功：函数（json）{
$（'#app'）.html（'谢谢'）；
},
错误：函数（）{
$（'#app'）.html（'谢谢'）；
}
});
});
https://www.w3schools.com/action_page.phpjsonpjsonjsonp操作urljsonp