为什么我的JQuery方法没有被调用

标准项目结构。使用JSP、JQuery和Spring框架

问题很简单，AJAX调用没有按预期运行。我希望将输入值发送到后台，并在浏览器中向最终用户显示“成功”警报

但是，这种情况的行为就好像Jquery调用不存在一样

JS资源位于：

WEB-INF/resources/js

JSP:

乱数假文
订阅

subscribe.js

    $(document).ready(function() {
 /* attach a submit handler to the form */
     $("#form-inline").submit(function(event) {

       /* stop form from submitting normally */
       event.preventDefault();

       /* get the action attribute from the <form action=""> element */
       var $form = $( this ),
           url = $form.attr( 'action' );

       /* Send the data using post with element id name and name2*/
       var posting = $.post( url, { name: $('#email').val() } );

       /* Alerts the results */
       posting.done(function( data ) {
         alert('success');
       });
     });
});

$（文档）.ready（函数（）{
/*将提交处理程序附加到表单*/
$（“#表单内联”）.submit（函数（事件）{
/*阻止表单正常提交*/
event.preventDefault（）；
/*从元素中获取action属性*/
var$form=$（此），
url=$form.attr（'action'）；
/*使用带有元素id name和name2的post发送数据*/
var posting=$.post（url，{name:$（'#email'）.val（）}）；
/*通知结果*/
过帐.完成（功能（数据）{
警惕（“成功”）；
});
});
});

提交事件侦听器从未连接。。。您正在侦听id为

#form inline

的元素的提交事件，但您的表单的类为

。form inline

@JoshCrozier是正确的，或者您需要添加id form-inline。此更新不会更正该行为。我还向电子邮件输入类型添加了一个id。为了澄清-不希望出现的行为是，在表单提交时，服务器正在响应，浏览器加载一个新页面。提交事件不被称为@Josh Crozier，请删除

method=“post”

从表单元素中，您不需要它，这可能是您的请求不起作用的原因之一，并且在

var posting=$.post（url，{name:$（'#email'）.val（））中

您试图从输入字段中获取id

#email

，但在您的输入中根本没有id属性。

    $(document).ready(function() {
 /* attach a submit handler to the form */
     $("#form-inline").submit(function(event) {

       /* stop form from submitting normally */
       event.preventDefault();

       /* get the action attribute from the <form action=""> element */
       var $form = $( this ),
           url = $form.attr( 'action' );

       /* Send the data using post with element id name and name2*/
       var posting = $.post( url, { name: $('#email').val() } );

       /* Alerts the results */
       posting.done(function( data ) {
         alert('success');
       });
     });
});