热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery教程分享从控制器返回Json,从未成功

我使用以下代码成功发布到我的控制器,但是,成功永远不会被命中只有错误。我究竟做错了什么?JS:$.ajax({url:'HomeSubscribe',type:

我使用以下代码成功发布到我的控制器,但是,成功永远不会被命中只有错误。 我究竟做错了什么?

JS:

$.ajax({ url: '/Home/Subscribe', type: 'POST', dataType: 'json', data: { email: $('#sube').val() }, success: function (data) { // get the result and do some magic with it alert(data.foo); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); 

控制器:

 [HttpPost] public JsonResult Subscribe(string email) { return Json(new { foo = "bar", baz = "Blech" }); } 

    在IE中,按F12打开开发人员工具。 转到“网络”选项卡,然后单击“启动Profiler”。 向您的订阅操作发送请求 – 在下面的列表中,您将看到已发送请求和返回状态代码的详细信息。 双击请求查看详细信息 – 然后您可以查看响应的正文。 如果请求因服务器错误而失败,您将在响应正文中看到该错误。

    我看到你的代码有一个错误的地方就是你已经硬编码了url:

     url: '/Home/Subscribe' 

    你永远不应该这样做。 在ASP.NET MVC应用程序中生成URL时,应始终使用URL帮助程序:

     url: '@Url.Action("Subscribe", "Home")' 

    此外,您说错误回调总是被命中,但是当您尝试分析AJAX请求时,您没有说出您在FireBug或Chrome Developer工具栏中观察到的内容。 如果你这样做了,你就会看到请求失败的确切原因,因为你会看到发送给服务器的请求以及服务器发送回客户端的响应。

    以下是我的jQuery ajax片段。 你的控制器看起来正确 我假设您已经validation它实际上是通过使用断点调用的。

    需要了解更多jQuery教程分享从控制器返回Json,从未成功,都可以关注jQuery技术分享栏目—编程笔记

     var p = { email: $('#sube').val() }; $.ajax({ url: '@Url.Action("Subscribe", "Home")' type: 'POST', data: JSON.stringify(p), dataType: "text json", contentType: "application/json", success: function (data) { // get the result and do some magic with it alert(data.foo); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); 

      以上就是jQuery教程分享从控制器返回Json,从未成功相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(编程笔记)。


      推荐阅读
      • 当unique验证运到图片上传时
        2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ... [详细]
      • 本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互,涵盖了GET、POST、PUT和DELETE请求的实现,并展示了如何处理JSON响应。 ... [详细]
      • 本文探讨了浏览器的同源策略限制及其对 AJAX 请求的影响,并详细介绍了如何在 Spring Boot 应用中优雅地处理跨域请求,特别是当请求包含自定义 Headers 时的解决方案。 ... [详细]
      • 探讨了如何解决Ajax请求响应时间过长的问题。本文分析了一个从服务器获取少量数据的Ajax请求,尽管服务器已经对JSON响应进行了缓存,但实际响应时间仍然不稳定。 ... [详细]
      • 本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ... [详细]
      • 使用JS、HTML5和C3创建自定义弹出窗口
        本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
      • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
      • 一个登陆界面
        预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
      • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
      • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
      • 深入解析ES6至ES8的新特性与应用
        本文详细介绍了自2015年发布的ECMAScript 6.0(简称ES6)以来,JavaScript语言的多项重要更新,旨在帮助开发者更好地理解和利用这些新特性进行复杂应用的开发。 ... [详细]
      • js常用方法(1)startWithJava代码varstartsWithfunction(str,regex){if(regexundefined||strundefined|| ... [详细]
      • 自 Node.js 6.3 版本起,调试功能已内置在核心模块中,无需额外安装 node-inspector 等工具。通过简单的命令即可启动调试模式,并利用 Chrome 浏览器进行高效的代码调试。 ... [详细]
      • 理解文档对象模型(DOM)
        本文介绍了文档对象模型(DOM)的基本概念,包括其作为HTML文档的节点树结构,以及如何通过JavaScript操作DOM来实现网页的动态交互。 ... [详细]
      • 本文探讨了如何通过WebBrowser控件在用户点击输入框时自动显示图片验证码。该过程可能涉及JavaScript事件的触发与响应。 ... [详细]
      author-avatar
      吖鸟集团总公司
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有