Как получить доступ к переменной контроллера в javascript

Question

Привет, ребята, я хочу вызвать некоторые переменные (LinkImg, Titulo, descricao, LinkIcon), которые я создаю в контроллере, для представления, но я не знаю, как это сделать. Вы можете мне помочь? Благодарю.

Вот мой код контроллера:

using HtmlAgilityPack; 
using MongoDB.Bson; 
using MongoDB.Driver; 
using MongoDB.Driver.Builders; 
using SoftInsa.Link.Web.Api.Models; 
using SoftInsa.Link.Web.Api.Searches; 
using SoftInsa.Link.Web.App_Start; 
using SoftInsa.Link.Web.Authentication.Models; 
using SoftInsa.Link.Web.Models.Timeline; 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Net; 
using System.Net.Http; 
using System.Threading.Tasks; 
using System.Web.Http; 

namespace SoftInsa.Link.Web.Api 
{ 
    [Authorize, RoutePrefix("api/timeline")] 
    public class TimelineController : ApiController 
    { 
     [HttpGet, Route("{id:objectid}")] 
     public IHttpActionResult GetOne(string id) 
     { 
      var db = DbConfig.GetByName(DbNames.SoftInsaLinkDb); 

      var post = db.GetCollection<Post>() 
       .FindOneById(ObjectId.Parse(id)); 

      if (post == null) { return NotFound(); } 

      var channel = db.GetCollection<Channel>() 
       .FindOneById(post.Channel.Id); 

      var subscriptions = db.GetCollection<Person>() 
       .FindOne(Query<Person>.EQ(p => p.UserName, User.Identity.Name)) 
       .Subscriptions; 

      if (channel.Flags.Contains(ChannelFlag.Restricted) && 
       !subscriptions.Any(s => s.Channel.Id == channel.Id)) 
      { 
       return Content(HttpStatusCode.Forbidden, 
        new ErrorMessage("You cannot access this post because this channel is restricted and you are not subscribed to it.")); 
      } 

      return Ok(post); 
     } 

     [HttpDelete, Route("{id:objectid}/notification")] 
     public IHttpActionResult DeleteNotification(string id) 
     { 
      var result = DbConfig.GetByName(DbNames.SoftInsaLinkDb) 
       .GetCollection<PushNotification>() 
       .Remove(Query.And(
         Query<PushNotification>.EQ(n => n.PostId, ObjectId.Parse(id)), 
         Query<PushNotification>.EQ(n => n.UserName, User.Identity.Name)), 
        RemoveFlags.Single 
       ); 

      if (result.DocumentsAffected == 1) 
      { 
       return Ok(); 
      } 

      return NotFound(); 
     } 

     [HttpGet, Route("notifications")] 
     public IHttpActionResult GetNotifications([FromUri]TimelineSearch search) 
     { 
      search = search ?? new TimelineSearch(); 

      var db = DbConfig.GetByName(DbNames.SoftInsaLinkDb); 

      var pushNotificationQuery = Query<PushNotification> 
       .EQ(n => n.UserName, User.Identity.Name); 

      if (search.ChannelId != null) 
      { 
       var channelFilter = Query<Post>.EQ(p => p.Channel.Id, ObjectId.Parse(search.ChannelId)); 
       pushNotificationQuery = Query.And(pushNotificationQuery, channelFilter); 
      } 

      var pushNotifications = db.GetCollection<PushNotification>() 
       .Find(pushNotificationQuery); 

      var postQuery = Query<Post>.In(p => p.Id, pushNotifications.Select(n => n.PostId)); 

      if (search.Timestamp != null) 
      { 
       postQuery = Query.And(
        postQuery, 
        Query<Post>.GTE(p => p.Date, search.Timestamp.Value)); 
      } 

      var importantPosts = db.GetCollection<Post>() 
       .Find(postQuery) 
       .SetSortOrder(SortBy<Post>.Descending(p => p.Date)) 
       .SetLimit(search.Take ?? 50) 
       .SetSkip(search.Skip ?? 0); 

      return Ok(importantPosts); 
     } 

     /// <summary> 
     /// Returns all the posts in the user's subscriptions, 
     /// ordered chronologically. 
     /// - 200 is returned with the posts if everything went well. 
     /// - 304 is returned with nothing if Timestamp is specified 
     /// and no new posts were created since that date. 
     /// </summary> 
     /// <param name="search"></param> 
     /// <returns></returns> 
     [HttpGet, Route("")] 
     public IHttpActionResult GetAll([FromUri]TimelineSearch search) 
     { 
      search = search ?? new TimelineSearch(); 

      var db = DbConfig.GetByName(DbNames.SoftInsaLinkDb); 

      // Get the current user's subscriptions. 
      var subscriptions = db.GetCollection<Person>() 
       .FindOne(Query<Person>.EQ(p => p.UserName, User.Identity.Name)) 
       .Subscriptions; 

      // Posts with push notifications are not treated here, 
      // so, we remove them, by finding their ids in the push 
      // notification collection and using them in a NotIn clause. 
      var postIds = db.GetCollection<PushNotification>() 
       .Find(Query<PushNotification>.EQ(n => n.UserName, User.Identity.Name)) 
       .SetFields(Fields<PushNotification>.Include(n => n.PostId)) 
       .Select(n => n.PostId); 

      var queryArgs = new List<IMongoQuery> 
      { 
       Query<Post>.In(
        p => p.Channel.Id, 
        subscriptions.Select(s => s.Channel.Id)), 
       Query<Post>.NotIn(p => p.Id, postIds) 
      }; 

      if (search.ChannelId != null) 
      { 
       queryArgs.Add(Query<Post>.EQ(p => p.Channel.Id, ObjectId.Parse(search.ChannelId))); 
      } 

      if (search.Timestamp != null) 
      { 
       queryArgs.Add(Query<Post>.GTE(p => p.Date, search.Timestamp.Value)); 
      } 

      var posts = db.GetCollection<Post>() 
       .Find(Query.And(queryArgs)) 
       .SetSortOrder(SortBy<Post>.Descending(p => p.Date)) 
       .SetLimit(search.Take ?? 50) 
       .SetSkip(search.Skip ?? 0); 

      return Ok(posts); 
     } 

     [HttpGet, Route("sitedata")] 
     public async Task<IHttpActionResult> GetDadosSite([FromBody] string link) 
     { 
      using (var client = new HttpClient()) 
      { 

       List<string> source = new List<string>(); 

       HtmlWeb web = new HtmlWeb(); 
       string url = "http://linsa.softinsa.com/Account/Login?ReturnUrl=%2F"; 
       HtmlDocument document = web.Load(url); 
       Uri myUri = new Uri(url); 
       string host = myUri.Host; 

       var head = document.DocumentNode.SelectSingleNode("//head"); 
       var meta = head.SelectNodes("//meta").AsEnumerable(); 
       var urls = document.DocumentNode.SelectNodes("//img") 
         .Select(e => e.GetAttributeValue("src", null)) 
         .Where(s => !string.IsNullOrEmpty(s)) 
         .Where(s => !s.StartsWith("//")) 
         .Select(s => s.StartsWith("http") ? s : myUri.Scheme + "://" + host + s); 

       var titulo = ""; 
       var descricao = ""; 
       var linkImg = ""; 
       var linkIcon = ""; 
       var linkImgAlt = ""; 
       var length = 0L; 



       var fbProperties = (head.SelectNodes("//meta[contains(@property, 'og:')]") ?? Enumerable.Empty<HtmlNode>()) 
        .ToDictionary(n => n.Attributes["property"].Value, n => n.Attributes["content"].Value); 


       linkIcon = (head.SelectSingleNode("//link[contains(@rel, 'apple-touch-icon')]")?.Attributes["href"]?.Value) ?? 
        (head.SelectSingleNode("//link[contains(@rel, 'icon')]")?.Attributes["href"]?.Value) ?? 
        host + "/favicon.ico"; 


       var title = head.SelectSingleNode("//title")?.InnerText; 





       if (fbProperties.TryGetValue("og:title", out titulo) == false || titulo == null) 
       { 
        titulo = (title ?? host); 
       } 

       if (fbProperties.TryGetValue("og:description", out descricao) == false || descricao == null) 
       { 
        descricao = ("none"); 
       } 

       if (fbProperties.TryGetValue("og:image", out linkImg) == false || linkImg == null) 
       { 
        linkImg = ("none"); 
       } 



       if (linkImg == "none") 
       { 

        foreach (var node in urls) 
        { 
         source.Add(node); 
        } 
        foreach (var links in source) 
        { 
         try 
         { 
          var response = client.SendAsync(new HttpRequestMessage 
          { 
           Method = HttpMethod.Head, 
           RequestUri = new Uri(links) 
          }).Result; 

          var fileLength = response.Content.Headers.ContentLength; 

          Console.WriteLine($"{links}: {fileLength} bytes"); 

          if (length < fileLength) 
          { 
           linkImg = links; 
           linkImgAlt = links; 
           length = fileLength ?? 0; 
          } 

         } 
         catch (Exception e) 
         { 
          Console.WriteLine(e); 
         } 

        } 
       } 
       return (null); 
      } 
     } 
    } 
} 

Вот мой View Code:

'use strict'; 

import React from 'react/addons'; 

import { Carousel, CarouselItem } from 'react-bootstrap'; 

import { Link } from 'react-router'; 

import cx from 'classnames'; 

import { user as userAccount } from '../../scripts/account-details'; 

function getColorForChannel(name) { 

    const hue = Array.from(name) 
     .map((ch, i) => ch.charCodeAt(0) * (i + 1)) 
     .reduce((sum, ch) => sum + ch, 0) % 360; 

    return `hsl(${hue}, 75%, 75%)`; 
} 

function urlify(text){ 
    var urlRegex = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi; 

    return urlRegex.test(text); 
} 

function parseLinha(linha) { 
    return linha.split(' ') 
     .map((x, i) => urlify(x) ? <a key={i} href={x.trim()} target='_blank' rel='nofollow'>{x} </a> : x + " "); 
} 

/** 
* Usernames that don't really link to people. 
*/ 
const nonPeopleUserNames = ['linsasupport']; 

const TimelineItem = React.createClass({ 

    getDefaultProps() { 
     return { 
      important: false 
     }; 
    }, 
    propTypes: { 
     routeDepth: React.PropTypes.number, 
     router: React.PropTypes.func, 
     item: React.PropTypes.object.isRequired, 
     onDelete: React.PropTypes.func, 
     onLinkClicked: React.PropTypes.func.isRequired, 
     important: React.PropTypes.bool 
    }, 
    getChildContext() { 
     return { 
      routeDepth: this.props.routeDepth, 
      router: this.props.router 
     }; 
    }, 
    childContextTypes: { 
     routeDepth: React.PropTypes.number.isRequired, 
     router: React.PropTypes.func.isRequired 
    }, 

    getUrlState() { 
      return (    

         <div class="thumbnail"> 
         <img src=LinkImg alt="..."/> 
          <div class="caption"> 
          <h1>titulo</h1><h6>URL</h6> 
          <h4>descricao</h4>       
        </div> 
       </div> 
       ); 
     }, 

     renderAttachments(attachments) { 
      if (!attachments.length) { return null; } 

      if (attachments.every((a) => a.Type.toLowerCase() === 'image')) { 
       return (
        <Carousel> 
         {attachments.map((a) => 
          <CarouselItem key={a.Id}> 
         <a href={`timeline/${this.props.item.Id}/attachments/${a.Id}`} target='_blank'> 
          <div style={{ 
      backgroundImage: `url(/timeline/${this.props.item.Id}/attachments/${a.Id})`, 
     backgroundSize: 'contain', 
     backgroundPosition: 'center center', 
     height: 300, width: '100%', backgroundRepeat: 'no-repeat' }} /> 
       </a> 
      </CarouselItem>)} 
     </Carousel> 
    ); 
    } 

    return (
     <div className='si-timeline-item-attachments'> 
     <ul className='fa-ul'> 
    {attachments.map((a) => 
      <li key={a.Id}> 
       <i className='fa-li fa fa-file' /> 
       <a href={`/timeline/${this.props.item.Id}/attachments/${a.Id}`} 
       target='_blank'> 
     {a.Name} 
       </a> 
      </li>)} 
     </ul> 
     </div> 
    ); 

       }, 
    handleDelete() { 
    if (typeof (this.props.onDelete) === 'function') { 
     this.props.onDelete(); 
       } 
       }, 
    render() { 
    const { item, important } = this.props; 

    const itemClasses = cx({ 
     'si-timeline-item': true, 
     'si-urgent': important 
       }); 

    const d = item.Date instanceof Date ? item.Date : new Date(item.Date); 

    return (
     <div className={itemClasses}> 
     <div className='si-timeline-item-header'> 
       {important ? 
      <button className='btn btn-default si-delete-btn' 
       onClick={this.handleDelete} 
       title='Remover notificação'> 
       <i className='fa fa-lg fa-remove' /> 
      </button> : null} 
      <div className='si-profile-image-fixed' 
      style={{ 
       backgroundImage: `url(/users/${item.Author.UserName}/profileimage)` 
       }} /> 
        <div> 
       {nonPeopleUserNames.indexOf(item.Author.UserName) === -1 ? 
         <Link className='si-timeline-item-title-fixed' 
         onClick={(e) => this.props.onLinkClicked(e)} 
         to={`/users/${item.Author.UserName}`}> 
        {item.Author.Name} {item.Author.UserName === userAccount.manager ? <small>(Manager)</small> : null} 
         </Link> : 
         <span className='si-timeline-item-title-fixed'> 
        {item.Author.Name} {item.Author.UserName === userAccount.manager ? <small>(Manager)</small> : null} 
         </span>} 

        <date className='si-timeline-item-date-fixed' dateTime={d.toISOString()}> 
        {d.toLocaleString(navigator.language)} 
        </date> 
        </div> 

        <small className='si-timeline-item-channel' 
         style={{borderRight: `7px solid ${getColorForChannel(item.Channel.Name)}`}}> 
       {item.Channel.Name} 
        </small> 
       </div> 
       <div className='si-timeline-item-content'> 
       {item.Contents.split('/n') 
         .map((l, i) => { 
         const conteudos = parseLinha(l); 

         console.log(conteudos); 
         return <p key={i}>{conteudos}</p>; 

       } 
       )} 
       {urlify(item.Contents) && this.getUrlState()} 
        </div> 
       {this.renderAttachments(item.Attachments)} 
       </div> 
      ); 
       } 
       }); 
     export default TimelineItem; 

Я хочу называть переменные этой функции:

[HttpGet, Route("sitedata")] 
     public async Task<IHttpActionResult> GetDadosSite([FromBody] string link) 
     { 
      using (var client = new HttpClient()) 
      { 

       List<string> source = new List<string>(); 

       HtmlWeb web = new HtmlWeb(); 
       string url = "http://linsa.softinsa.com/Account/Login?ReturnUrl=%2F"; 
       HtmlDocument document = web.Load(url); 
       Uri myUri = new Uri(url); 
       string host = myUri.Host; 

       var head = document.DocumentNode.SelectSingleNode("//head"); 
       var meta = head.SelectNodes("//meta").AsEnumerable(); 
       var urls = document.DocumentNode.SelectNodes("//img") 
         .Select(e => e.GetAttributeValue("src", null)) 
         .Where(s => !string.IsNullOrEmpty(s)) 
         .Where(s => !s.StartsWith("//")) 
         .Select(s => s.StartsWith("http") ? s : myUri.Scheme + "://" + host + s); 

       var titulo = ""; 
       var descricao = ""; 
       var linkImg = ""; 
       var linkIcon = ""; 
       var linkImgAlt = ""; 
       var length = 0L; 



       var fbProperties = (head.SelectNodes("//meta[contains(@property, 'og:')]") ?? Enumerable.Empty<HtmlNode>()) 
        .ToDictionary(n => n.Attributes["property"].Value, n => n.Attributes["content"].Value); 


       linkIcon = (head.SelectSingleNode("//link[contains(@rel, 'apple-touch-icon')]")?.Attributes["href"]?.Value) ?? 
        (head.SelectSingleNode("//link[contains(@rel, 'icon')]")?.Attributes["href"]?.Value) ?? 
        host + "/favicon.ico"; 


       var title = head.SelectSingleNode("//title")?.InnerText; 





       if (fbProperties.TryGetValue("og:title", out titulo) == false || titulo == null) 
       { 
        titulo = (title ?? host); 
       } 

       if (fbProperties.TryGetValue("og:description", out descricao) == false || descricao == null) 
       { 
        descricao = ("none"); 
       } 

       if (fbProperties.TryGetValue("og:image", out linkImg) == false || linkImg == null) 
       { 
        linkImg = ("none"); 
       } 



       if (linkImg == "none") 
       { 

        foreach (var node in urls) 
        { 
         source.Add(node); 
        } 
        foreach (var links in source) 
        { 
         try 
         { 
          var response = client.SendAsync(new HttpRequestMessage 
          { 
           Method = HttpMethod.Head, 
           RequestUri = new Uri(links) 
          }).Result; 

          var fileLength = response.Content.Headers.ContentLength; 

          Console.WriteLine($"{links}: {fileLength} bytes"); 

          if (length < fileLength) 
          { 
           linkImg = links; 
           linkImgAlt = links; 
           length = fileLength ?? 0; 
          } 

         } 
         catch (Exception e) 
         { 
          Console.WriteLine(e); 
         } 

        } 
       } 
       return (null); 
      } 
     } 

Для этой функции:

getUrlState() { 
      return (    

         <div class="thumbnail"> 
         <img src=LinkImg alt="..."/> 
          <div class="caption"> 
          <h1>titulo</h1><h6>URL</h6> 
          <h4>descricao</h4>       
        </div> 
       </div> 
       ); 
     }, 

Answer 1

Изменить действие GetDadosSite вернуть похожее на это

public async Task<IHttpActionResult> GetDadosSite([FromBody] string link) 
{ 
    //build up your variables 
    //Now place all the variables into a transport object 
    VarContainer c = new VarContainer(LinkImg,Titulo,descricao,LinkIcon); 
    return Ok(VarContainer); // Returns an OkNegotiatedContentResult 
} 

Затем в getUrlState сделать AJAX вызов GetDadosSite и получить ваши переменные