2016-09-30 12 views
0

今後の進め方についてのご意見をお寄せください。以下の要件。ウェブフォームとWeb APIの統合

私はVS professional 2015で開発されたWebアプリケーションを持っており、別個のWeb APIアプリケーションを持っています。これまでのところ、既存のWebアプリケーションは3層構造で実装されていました。今度は、3層構造のアーキテクチャを使わずにWeb API呼び出しを使用して新しいページを実装したいと考えました。

まず、WebアプリケーションでWeb APIアプリケーションを呼び出すためのインフラストラクチャ/アーキテクチャを作成したかったのです。新しいページ要求はすべてこのインフラストラクチャ/アーキテクチャーとWeb APIを呼び出します。

貴重なご意見やご提案をお待ちしています。

ありがとうございます。

+0

使用角度JSやjqueryのを助け、この

$(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); } });}); 

希望のようにアヤックスから尊敬メソッドを呼び出します。スタティックhtmlファイルとしてのサーバー初期ページ。 – zaitsman

答えて

0

APIReactJsまたはAngularJsを使用しない限り、複雑なインフラストラクチャ/アーキテクチャを作成する必要はありません。 それは必須でもありませんが、コードをきれいに保つことができます。 JavaScriptを使用してAPIに電話するだけです。 たとえば、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を介してデータを取得するために

関連する問題