热门标签 | 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

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


推荐阅读
  • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
  • 也就是|单打_.net Core 自我学习随笔——工作的核心:增删改查
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了.netCore自我学习随笔——工作的核心:增删改查相关的知识,希望对你有一定的参考价值。上次介绍了一下如何进行连接 ... [详细]
  • MVC设计模式的介绍和演化过程
    本文介绍了MVC设计模式的基本概念和原理,以及在实际项目中的演化过程。通过分离视图、模型和控制器,实现了代码的解耦和重用,提高了项目的可维护性和可扩展性。详细讲解了分离视图、分离模型和分离控制器的具体步骤和规则,以及它们在项目中的应用。同时,还介绍了基础模型的封装和控制器的命名规则。该文章适合对MVC设计模式感兴趣的读者阅读和学习。 ... [详细]
  • 本文介绍了Sencha Touch的学习使用心得,主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性,并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用,以及如何通过链接样式表来改变全局风格。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 子元素过滤器在页面设计过程中需要突出某些行时,可以通过基本过滤选择器中的:eq()来实现表单中行的凸显,但不能同时让多个表具有相同的效果。在jQuer ... [详细]
  •  jqueryui中dialog和easyui中的dialog很像,但是最近用到的时候全然没有印象,一段时间不用就忘记了,这篇随笔介绍一下这个控件。1.实例官网源代码中给出了一些实例,首先看看实例是什么样子的。 a.默认功能也是最简单的应用,也就是打开一个对话框,代码如下<!doctypehtml><html ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • Todayatworksomeonetriedtoconvincemethat:今天在工作中有人试图说服我:{$obj->getTableInfo()}isfine ... [详细]
  • Bootstrap datetimepicker控件 日期时间选择器 简单使用
    bootstrap-datetimepicker日期控件简单使用应用场景:表单日期 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
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社区 版权所有