Javascript ajax单击功能在提交表单时会起作用吗？

我正在做一个网站的前端，我需要在提交表单的同时显示一个弹出模式。我需要使用INPUT TYPE=“button”，并使用JQUERY单击功能而不是提交。这段代码中的ajax可以工作并提交表单吗

$（“提交抄送”）。单击（函数（）{
$.ajax({
网址：“#”，
类型：“POST”，
数据：{
“acctNumber”：$（“#acctNumber”）.val（）
}
})；modal.style.display=“块”；
});
/*显示弹出模式*/
//获取模态
var modal=document.getElementById（'myModal'）；
//获取打开模式对话框的按钮
//var btn=document.getElementById（“提交抄送”）；
//获取关闭模态的元素
var span=document.getElementsByClassName（“span_cc_btn”）[0]；
//当用户单击该按钮时，打开模式对话框
/*btn.onclick=函数（）{
modal.style.display=“块”；
}*/
//当用户单击时，关闭模式对话框
span.onclick=函数（）{
modal.style.display=“无”；
}
//当用户单击模式之外的任何位置时，将其关闭
window.onclick=函数（事件）{
如果（event.target==模态）{
modal.style.display=“无”；
}
}

/*模式（背景）*/
.莫代尔{
显示：无；
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
z指数：1；
/*坐在上面*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
溢出：自动；
/*如果需要，启用滚动*/
背景色：rgb（0,0,0）；
/*退色*/
背景色：rgba（0,0,0,0.4）；
/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
字体系列：开放式SAN；
颜色：#afafaf；
字体大小：16px；
位置：相对位置；
背景色：#fefe；
边框：1px实心#888；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
-webkit动画名称：animatetop；
-webkit动画持续时间：0.4s；
动画名称：animatetop；
动画持续时间：0.4s；
文本对齐：居中；
宽度：500px；
保证金：自动；
边界半径：0px；
填充：30px；
}
.模式内容按钮{
字体系列：Roboto；
字体大小：20px；
字体大小：正常；
颜色：白色；
背景色：#ea6a1d；
边界：无；
填充：8px 50px；
文本对齐：居中；
边界半径：6px；
}
/*添加动画*/
@-webkit关键帧动画顶点{
从{
顶部：-300px；
不透明度：0
}
到{
排名：0；
不透明度：1
}
}
@关键帧动画顶点{
从{
顶部：-300px；
不透明度：0
}
到{
排名：0；
不透明度：1
}
}

付款
帐号



非常感谢。


可以

是的，您完全可以使用

ajax

中的

post

方法发布表单的所有内容，因此您不需要提交表单，如果不提交表单，您可以使用ajax将数据发布到php

例如：

 $("#submit_cc").click(function(event){
    var $form = $("#testform"),
    url = $form.attr( 'action' );
    $.ajax({
        url: url,
        type: "POST",
        data: $form.serialize()
    });
 });

---

是的，您完全可以使用

ajax

中的

post

方法发布表单的所有内容，因此您不需要提交表单，如果不提交表单，您可以使用ajax将数据发布到php

例如：

 $("#submit_cc").click(function(event){
    var $form = $("#testform"),
    url = $form.attr( 'action' );
    $.ajax({
        url: url,
        type: "POST",
        data: $form.serialize()
    });
 });

---

“这段代码中的ajax可以工作并提交表单吗？”-尝试时发生了什么？它可以工作，但不是好的做法。@nnnnnn我只在前端工作，无法处理后端问题。“这段代码中的ajax可以工作并提交表单吗？”-尝试时发生了什么？它可以工作，但这不是一个好的做法。@nnnnnnnn我只在前端工作，不能处理后端问题。所以

$（“#按钮”）。单击（function（）{…

应该可以工作吗？因为在ajax示例中，我看到

.submit（function（））{…

取而代之。谢谢。在提交后，它还会显示我放置的模式框吗？如果你想在提交后显示模型，请将它放在按钮单击事件“我刚刚开始学习AJAX。现在可以了，对吗？提交我的表单并显示模式：

$（“#myButton”）。单击（函数（）{var$form=$（“#myForm”），url=$form.attr（'action'）；$.ajax（{url:url，键入：“POST”，data:$form.serialize（）}）；modal.style.display=“block”；}）；

是，但在单击事件之前声明模型。表示在单击事件之前放置var modal=document.getElementById（'myModal'）；所以

$（“#按钮”）。单击（function（）{…

应该可以工作吗？因为在ajax示例中，我看到了

.submit（function（））{…

取而代之。谢谢。在提交后，它还会显示我放置的模式框吗？如果你想在提交后显示模型，请将它放在按钮单击事件“我刚刚开始学习AJAX。现在可以了，对吗？提交我的表单并显示模式：

$（“#myButton”）。单击（函数（）{var$form=$（“#myForm”），url=$form.attr（'action'）；$.ajax（{url:url，类型：“POST”，数据：$form.serialize（）}）；modal.style.display=“block”；}）；

是，但在单击事件之前声明模型。表示在单击事件之前放置var modal=document.getElementById（'myModal'）