首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >‘ajax:成功的回调不起作用

‘ajax:成功的回调不起作用
EN

Stack Overflow用户
提问于 2012-03-06 10:57:29
回答 1查看 246关注 0票数 1

当我提交我的表格时,我想在成功的时候获得成功。我用的是jquery

代码语言:javascript
运行
复制
$('#new_invitation').submit(function(e)  {
 var $this = $(this);
 $this.on('ajax:success', function(e) {
  alert ('Success');
 });
});

成功的警报不会被触发:(.

为什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-06 11:12:16

你好吗?在我看来,您实际上并没有使用AJAX提交表单,因为submit()函数将触发表单的正常提交。你能试试这个密码吗?

代码语言:javascript
运行
复制
$('#new_invitation').live('submit', function(event){
  event.preventDefault(); //Stops the normal form submission process
  form = $(this);
  data = form.serialize(); //serializes the form data
  jQuery.ajax({
    type: 'POST',
    dataType: 'JSON', // JSON, HTML, whatever your API responds to
    url: form.attr('action'), //fetches the URL from the form
    success: function(data,textStatus,jqXHR){
      //Success callback
      alert('success');
    }
  });
});

这假设'#new_invitation‘是表单标记的ID。我建议您查看一下jQuery文档站点,它们有大量关于AJAX:http://api.jquery.com/jQuery.post/的信息。

祝好运!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9582273

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档