2017-01-21 9 views
-1

私はasp .netを初めて利用し、いくつかのhomeprojectを行っています。あなたが助けることを願っています! 私はserch文字列として注文番号を取るtexboxでASP.NET Web APIアプリケーションを持っています。JSONをhtmlテーブルに表示するC#

私はこのコードで私のオブジェクトを見つける:

var query = ReadFiles() 
       .Where(n => n.orderNumber == TextBox1.Text) 
       .Select(n => n); 

そのImは彼のコードwitht JSONに変換しようとした後:私は戻って文字列を取得

var json = new JavaScriptSerializer().Serialize(query); 
     TextBox1.Text = json; 

言う:JSONビジュアライザ

JSON Visualizer

今質問があります。このJSON文字列をUIにどうやって取得するのですか?何らかのテーブルに表示させたいのですが?私はasp .netのことを念頭に置いて新しいです。私はこの質問が愚かではないことを願っています。ああ、私はC#を使用しています

親切にしています。

+0

クエリを変更することができます 'var query = ReadFiles()。where(n => n.orderNumber == TextBox1.Text).Select(n => n);' to 'var query = ReadFiles()。 (n => n.orderNumber == TextBox1.Text); '。あなたの場合、「選択」は不要です。 –

+0

ありがとうございます! @Roma – oscarlev

+0

あなたはRazorまたはJavaScriptフレームワークを使用していますか?つまり、コントローラからそのオブジェクトを非常に簡単に返すことができます。 –

答えて

0

Web APIコントローラクラスを使用している場合は、データを返すメソッドエンドポイントを作成してから、そのエンドポイントに対してクライアントでAjaxリクエストを使用できます。

これは良い例です:Getting Started with ASP.NET Web API 2です。ルーティングの仕組みについては、Routing in ASP.NET Web APIを参照してください。

具体的なケースでは、クライアントのテキストボックスから(Ajaxを使用して)エンドポイント番号をpostに設定することができます。コントローラメソッドは、注文番号をパラメータとして受け取り、必要なデータをサーバー上で取得します。その後、そのメソッドからJSON応答を返します。 post呼び出しのクライアントの成功コールバック関数はJSON応答を受け取り、それをJavaScriptでマークアップにバインドするのはあなた次第です。

+0

ありがとうございました! – oscarlev

関連する問題