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

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


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • Ext JS MVC系列一:环境搭建与框架概览
    本文主要介绍了如何在项目中使用Ext JS 4作为前端框架,并详细讲解了Ext JS 4的MVC开发模式。文章将从项目目录结构、相关CSS和JS文件的引用以及MVC框架的整体认识三个方面进行总结。 ... [详细]
  • 本文介绍了 Go 语言中的高性能、可扩展、轻量级 Web 框架 Echo。Echo 框架简单易用,仅需几行代码即可启动一个高性能 HTTP 服务。 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • SvpplyTable: 实现可扩展和可折叠的菜单动画
    SvpplyTable 是一个示例项目,旨在实现类似 Svpply 应用程序中的可扩展和可折叠的菜单动画效果。该项目托管在 GitHub 上,地址为 https://github.com/liuminqian/SvpplyTable。 ... [详细]
  • vue引入echarts地图的四种方式
    一、vue中引入echart1、安装echarts:npminstallecharts--save2、在main.js文件中引入echarts实例:  Vue.prototype.$echartsecharts3、在需要用到echart图形的vue文件中引入:   importechartsfrom"echarts";4、如果用到map(地图),还 ... [详细]
  • 本文详细解析了ASP.NET 2.0中的Callback机制,不仅介绍了基本的使用方法,还深入探讨了其背后的实现原理。通过对比Atlas框架,帮助读者更好地理解和应用这一机制。 ... [详细]
  • ECharts 官方提供了丰富的图表示例,但实际项目中往往需要从后端动态获取数据。本文将详细介绍如何从后端获取数据并将其转换为 ECharts 所需的 JSON 格式,以实现动态饼图的展示。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • 小程序的授权和登陆
    小程序的授权和登陆 ... [详细]
  • 深入解析Django CBV模型的源码运行机制
    本文详细探讨了Django CBV(Class-Based Views)模型的源码运行流程,通过具体的示例代码和详细的解释,帮助读者更好地理解和应用这一强大的功能。 ... [详细]
  • Ihavetwomethodsofgeneratingmdistinctrandomnumbersintherange[0..n-1]我有两种方法在范围[0.n-1]中生 ... [详细]
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社区 版权所有