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

在局部视图中渲染Json数据-RenderJsondatainpartialview

IamcurrentlyworkingonashoppingcartapplicationusingMVC5andhavearequirementtoallowedi

I am currently working on a shopping cart application using MVC5 and have a requirement to allow editing of the cart which is displayed as a partial view in a jQuery UI dialog.

我目前正在使用MVC5开发购物车应用程序,并且要求允许编辑在jQuery UI对话框中显示为部分视图的购物车。

I have added a Javascript method to allow an ajax call to the controller however I am having an issue with the display of the json result data. At the moment it is rendering as a blank page even though the json data is valid.

我添加了一个Javascript方法,允许对控制器进行ajax调用,但是我遇到了json结果数据显示的问题。目前,即使json数据有效,它也会呈现为空白页。

The jquery code is as follows:

jquery代码如下:

$(".RemoveLink").click(function () {
        // Get the id from the link
        var recordToDelete = $(this).attr("cartid");

        $.ajax({
            url: "/ShoppingCart/RemoveFromCart/",
            type: 'POST',
            datatype: 'html',
            data: {
                id: recordToDelete
            },
            success: function (data) {
                $("#shoppingcart").html(data);                    
            },
            error: function (jqXHR, textStatus, errorstring) {
                alert("There has been an error textStatus: [" + textStatus + "] \r\n errorstring: [" + errorstring + "]");
            }
        })
    });

I have attempted to display the data manually and this works successfully however I was hoping I could do it using my partial view as it stands.

我试图手动显示数据,这成功地工作,但我希望我可以使用我的部分视图来实现它。

Thanks,

Stuart

2 个解决方案

#1


0  

Why don't you have your RemoveFromShoppingCart Controller return the partial view you want updated (bound with the updated model). Then in Jquery simply update the section that shows the partial view with the updated Partial View.

你为什么不让你的RemoveFromShoppingCart控制器返回你想要更新的部分视图(与更新的模型绑定)。然后在Jquery中,只需使用更新的部分视图更新显示局部视图的部分。

I am assuming that in your current code sample data is a JSON object that is coming back from the server.

我假设您当前的代码示例数据是一个从服务器返回的JSON对象。

#2


0  

You need to specify the required return type:

您需要指定所需的返回类型:

if you want JSON, specify:

如果你想要JSON,请指定:

datatype: 'json',

As your code seems to want HTML and not JSON, do not return a JSON result.

由于您的代码似乎需要HTML而不是JSON,因此不要返回JSON结果。

Please also show your controller action method

还请显示您的控制器操作方法


推荐阅读
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • springMVC JRS303验证 ... [详细]
  • 本文档汇总了Python编程的基础与高级面试题目,涵盖语言特性、数据结构、算法以及Web开发等多个方面,旨在帮助开发者全面掌握Python核心知识。 ... [详细]
  • 探讨如何利用Electron框架,通过拖动HTML元素(如音乐列表项)到桌面来实现本地文件的复制。 ... [详细]
  • 交互式左右滑动导航菜单设计
    本文介绍了一种使用HTML和JavaScript实现的左右可点击滑动导航菜单的方法,适用于需要展示多个链接或项目的网页布局。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 微信小程序中实现位置获取的全面指南
    本文详细介绍了如何在微信小程序中实现地理位置的获取,包括通过微信官方API和腾讯地图API两种方式。文中不仅涵盖了必要的准备工作,如申请开发者密钥、下载并配置SDK等,还提供了处理用户授权及位置信息获取的具体代码示例。 ... [详细]
  • 本文详细介绍了如何在现有的Android Studio项目中集成JNI(Java Native Interface),包括下载必要的NDK和构建工具,配置CMakeLists.txt文件,以及编写和调用JNI函数的具体步骤。 ... [详细]
  • 本文探讨了浏览器的同源策略限制及其对 AJAX 请求的影响,并详细介绍了如何在 Spring Boot 应用中优雅地处理跨域请求,特别是当请求包含自定义 Headers 时的解决方案。 ... [详细]
  • 本文介绍了Java语言开发的远程教学系统,包括源代码、MySQL数据库配置以及相关文档,适用于计算机专业的毕业设计。系统支持远程调试,采用B/S架构,适合现代教育需求。 ... [详细]
  • CentOS 6.8 上安装 Oracle 10.2.0.1 的常见问题及解决方案
    本文记录了在 CentOS 6.8 系统上安装 Oracle 10.2.0.1 数据库时遇到的问题及解决方法,包括依赖库缺失、操作系统版本不兼容、用户权限不足等问题。 ... [详细]
  • 本文探讨如何利用Java反射技术来模拟Webwork框架中的URL解析过程。通过这一实践,读者可以更好地理解Webwork及其后续版本Struts2的工作原理,尤其是它们在MVC架构下的角色。 ... [详细]
  • 深入理解设计模式之观察者模式
    本文详细介绍了观察者模式,这是一种行为设计模式,适用于当对象状态发生变化时,需要通知其他相关对象的场景。文中不仅解释了观察者模式的基本概念,还通过Java代码示例展示了其实现方法。 ... [详细]
  • 本文探讨了Java编程中MVC模式的优势与局限,以及如何利用Java开发一款基于鸟瞰视角的赛车游戏。 ... [详细]
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社区 版权所有