使用来自web api调用的json对象渲染局部视图

时间:2015-06-19 09:53:27

标签: jquery asp.net ajax asp.net-web-api

简介

我在我当前的一个项目中使用contains() var series = chart1.Series.Add("ch0"); var series2 = chart1.Series.Add("ch1"); series.ChartType = SeriesChartType.Line; series2.ChartType = SeriesChartType.Line; long utolsoMS=0; foreach (adatrecord item in tarolo) { utolsoMS = item.reltime; series.Points.AddXY(item.reltime , item.ch0,);//+abstime (item.abstime) series2.Points.AddXY(item.reltime, item.ch1); } var chartArea = chart1.ChartAreas[series.ChartArea]; Console.Write(utolsoMS); chartArea.AxisX.Minimum = 0; chartArea.AxisX.Maximum = utolsoMS+1; // auto scroll engedélyezése chartArea.CursorX.AutoScroll = true; chartArea.AxisX.ScaleView.Zoomable = true; int position = 0; int size = 30; chartArea.AxisX.ScaleView.Zoom(position, size); 。 使用ajax调用我使用如下函数从我的数据库中获取所需信息:

ASP.NET MVC 5

这工作正常,我以json格式获取信息。

问题

现在我想展示一个用于显示信息的bootstrap模式。 与其他项目一样,我使用WebApi 2.0来显示数据,但随后您使用控制器定义并传递了(function (window, document, $, undefined) { /*--------------------------------------------------- Users Web Api javascript ---------------------------------------------------*/ UsersApiScript = function () { var uri; } $.extend(UsersApiScript, { init: function() { // ### Assign the root url for calling the web api controllers uri = 'api/usersapi'; // ### Assign event handlers to the elements ### // Add click event to open user details $('.user-details').click(UsersApiScript.loadItem); }, loadItem: function () { var $a = $(this); var id = $a.attr('data-id'); $.getJSON(uri + '/' + id) .done(function (data) { //console.log(JSON.stringify(data, null, 4)); // Get the partial view to show in modal $.ajax({ type: 'POST', contentType: 'application/json; charset=utf-8', data: JSON.stringify(data), dataType: 'json', cache: false, url: uri_internal + '/getuserdetails', done: function (result) { console.log(result); $('#content').after(result); }, fail: function (jqXHR, textStatus, err) { console.log('Error: ' + err); } }); }) .fail(function (jqXHR, textStatus, err) { console.log('Error: ' + err); }); } }); }(window, document, jQuery)); 到部分视图。

现在使用Web Api,你需要一个json对象,我需要传递给我的局部视图。

考虑以下实施:

控制器

partial views

部分视图

Modal

问题

  • 如何将我的Web Api json结果数据传递给部分视图?
  • 如何向用户显示此视图?
  • 您可以将此json对象public class UsersController : Controller { public ActionResult GetUserDetails(User user) { return PartialView(user); } } 定义到此局部视图中以执行@model ProsecMdmHelper.Models.User <div class="modal fade" id="modalUserDetails" tabindex="-1" role="dialog" aria-labelledby="modalUserDetailsLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="modalUserDetailsLabel"><i class="icon-check"></i>Gebruiker details</h4> </div> <div class="modal-body"> <p>User is called @Model.Name</p> </div> <div class="modal-footer"> </div> </div> </div> </div> 之类的操作吗?

更新

好的我已经从服务器上获取了模态html代码,但它不会在User标记之后添加到我的文档中。异步问题?

0 个答案:

没有答案