2017-02-26 12 views
1

これは情報的な質問のほうが多く、質問の形式が整っていない可能性がありますが、データを取得し、取得したデータに基づいて要素を変更するためのAjax

データベース[HttpGet]からデータを取得するためのコントローラを作成しました。前述のデータの取得にAjaxを使用するにはどうすればいいですか?

[HttpGet] 
    public List<AppointmentsDT> ReturnApps() 
    { 
     List<AppointmentsDT> list = new List<AppointmentsDT>(); 

     foreach (Appointment a in db.Appointments) 
     { 
      AppointmentsDT a1 = new AppointmentsDT(); 
      a1.AppWithCompanyName = a.AppWithCompanyName; 
      a1.AppTime = a.AppTime; 

      list.Add(a1); 
     } 
     return list; 
    } 

私は、データベースにCという会社がある場合、たとえば、それが受信したデータに基づいて、適切なdiv要素の色を変更しますアヤックスの適切な構文の書き方のよう空白を描いていますTという名前の時間がdiv1の色が変わるでしょうか?

それは可能ですか?私が使用できるコードサンプルがありますか?私はまだAjaxを学んでいるので、私は空白を描いていると言ったように...アドバイスが役に立ちます。 TNX

+0

を操作することが条件をチェックすることができますが、標準的なAjaxリクエストを作成し、あなたのC#でJSONを適切なデータで返します。 JS Ajaxの成功コールバックでは、そのJSONの解析結果のオブジェクトを取得し、 'if(data.companyName ===" C ")' {'$("#div1 ").css(" color "、" blue " "); } '。または類似。 – nnnnnn

+0

コントローラには、必要なテーブルのデータが表示されます。コントローラは大丈夫ですか? Ajax、url、dataTypeに何を含める必要がありますか? JSONをどのように解析すればよいですか?私は理論的に理解していますが、私の構文記述はAjaxに関しては最善ではありません。私はこのメソッドがGETでなければならないのは知っていますが、どのデータ型ですか? @nnnnnn – MicroDev

+1

申し訳ありませんが、私は約5年間C#をやっていないので、ベストプラクティスについては少し古くなっています。 JS側は簡単で、StackOverflowには他にもいくつかの質問があります。また、幅広いウェブのチュートリアルもあります。 [この1つ](http://codepedia.info/jquery-ajax-json-example-asp-net-sql-database/)(これは私がちょうど高速なGoogle検索で見つけたもので、正確性を審査していない) – nnnnnn

答えて

1

AJAXを使用してASP.NET Web APIを呼び出し、API機能からコントローラを呼び出してください。

あなたAJAX関数が成功関数内この

$.ajax({ 
     contentType: "application/json; charset=utf-8", 
     type: 'GET', 
     url:'api/getValues', //Your API url 
     dataType: 'json', 
     success: function (result) { 
      //Use your logic to change color code here 
      }, 
     error: function (error) { 
      alert("error"); 
      } 
    }); 

ような何か結果をハチができ、ご希望のリストを持っていますし、あなたのdivの

+0

これは、 'if'文の中でちょうど1つの質問がなぜ&&を使用できないのですか?私が 'result.Time =" 9:00 "&& result.Company =" Laakkonen ")'を使用し、else文を与えるので、 'result.Time =" 9:00 "'それは素晴らしい作品ですか?何故ですか? – MicroDev

+0

&&に関して解決策が見つかったので、このajax構文のtnxは完全に機能しました!!!! :) – MicroDev

+0

喜んで助けることができる –

関連する問題