интеграция веб-форм и веб-api

Может ли кто-нибудь предоставить мне свои материалы о том, как действовать. ниже требование.

I have web application developed in VS professional 2015 and have separate Web API application. До сих пор существующее веб-приложение реализовано в 3-х уровневой архитектуре. Теперь мы хотели реализовать новые страницы с помощью вызовов Web API без 3-х уровневой архитектуры.

Прежде всего, я хотел создать инфраструктуру/архитектуру в моем веб-приложении, чтобы вызвать приложение веб-API. Таким образом, все новые запросы страницы проходят через эту инфраструктуру/архитектуру и вызывают веб-API.

Пожалуйста, помогите мне с вашими ценными вкладами / предложениями.

Заранее спасибо.

1 ответ

  1. поскольку мы используемAPI, нет необходимости создавать сложную инфраструктуру/архитектуру, если только вы не хотите использовать ReactJsили AngularJs.
    Его даже не обязательно для них тоже, но это позволит вам держать код в чистоте. вам просто нужно вызвать APIusing JavaScript
    Например, у вас есть метод контроллера API и вы хотите получить к нему доступ.

    Простой метод продуктов

    #region Get Method
        // GET api/product
    
        [Queryable]
    
        [Route("Products")]
        [Route("All")]
    
        public HttpResponseMessage Get()
        {
            try
            {
                var products = _productServices.GetAllProducts();
                var productEntities = products as List<ProductEntity> ?? products.ToList();
                if (productEntities.Any())
                {
                    return Request.CreateResponse(HttpStatusCode.OK, productEntities);
                }
    
                throw new ApiDataException(1000,"No Products Found",HttpStatusCode.NotFound);
            }
            catch (Exception)
            {
                throw;
            }
        }
    
        #endregion
    

    просто вызовите уважаемый метод из ajax, как это

    $(document).ready(function () {
    var a = "Test";
    $.ajax({
        url: "v1/products/product/All",
        type: "GET",
        data: { a : a },
        success: function (response) {
            alert(response);
        },
        error: function (response) {
            alert(response);
        }
    });});
    

    Надеюсь, это поможет