2017-05-30 8 views
-3

これは私のIndex.cshtmlファイルです(私はMVC .NETを学んでいます)。そして、Addボタンをクリックして新しいユーザーを追加すると、このユーザーは私が行くと追加されません私のApiをチェックしてください。 私はルート(api/users)とJsonオブジェクトの両方が正しいことを知り、スクリプトはレンダリングされています。 私はMac用のVisual Studio 2017を使用しています。私のApiサービスはService Stackです。 { ViewBag.Title = "タンパク質トラッカー" @

@model dynamic 

。 レイアウト= "../Shared/_Layout.cshtml"; }

@section scripts 
{ 
    <script type="text/javascript"> 
     function AddNewUser(){ 
      var goal = $('#goal').val(); 
      var name = $('#name ').val(); 

      $.post("api/users", { 'Name' : name, 'Goal' : goal }); 
} 
</script> 

} 


<h2>Protein Tracker</h2> 
<div> 
    <label for="select-user">Select a user</label> 
    <select id="select-uder"></select> 
</div> 
<hr /> <!-- horizontal rule --> 
<div> 
    <h2>Add new user</h2> 
    <label for="name">Name</label> 
    <input id="name" type="text" /><br /> 
    <label for="goal">Goal</label> 
    <input id="goal" type="text" /><br /> 
    <input id="add-new-user-button" type="button" value="Add" onclick="AddNewUser()" /> 
</div> 
+0

わからない場合がありますが、<フォームメソッド=「POST」>タグであなたのHTMLをラップしてみてください。 – Xariez

+1

'$( '#name')'に余分なスペースがあります。 – Pyromonk

+1

デバッグするとき、具体的にどこが失敗するのですか?ブラウザのデバッグコンソールにJavaScriptエラーがありますか? POST要求は行われていますか?それはあなたが期待するデータを含んでいますか?サーバーの応答は何ですか?もっと情報が必要です。 – David

答えて

1

がヘルプみんなありがとう、私は誰もが提案され、すべてを試してみましたが、私は(@mythzのような提案)クロームWebInspectorを使用したとき、私は「$」は定義されていないことを発見したので、私は私のことを理解しましたコードがJQueryなどのように認識されませんでした。私は次のコード行を追加したとき、それが期待通りに働いていた:それは助ける

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
関連する問題