Javascript onClick関数が動作しません

Question

OutBrain APIの機能をチェックするために、いくつかの小さなmvc asp.netプロジェクトをビルドします。

私はMarketerI IDを取得し、（サーバーから）彼の名前を返すべきである入力タイプのテキストを作った。しかし、私はボタンを押しても何も起こらないと私は本当に何の手がかりを持っていないとwhouldいくつかの助けを得るためにうれしい！

おかげ

私のコード：コードもあり

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="~/Scripts/outBrain.js"></script> 
@{ 
    ViewBag.Title = "Home Page"; 
} 
<br /> 
<div class="details"> 
    <label>Enter Marketer ID</label> 
    <input type="text" class="form-control" id="marketerID"> 
    <input type="button" class="btn btn-default" value="OK" id="buttonB" /> 
    <section class="details"> 
     <div class="name"> 
      <label>Name</label> 
      <label id="nameMarketer"></label> 
     </div> 
    </section> 
</div> 

：

outBrain.js（スクリプトファイルのパスを含める）

$("#buttonB").on('click', function() { 
    getMarketer(); 
}); 


function getMarketer() { 
    $.ajax({ 
     url: "/home/GetOutBrainMarketers", 
     data: { id: $("marketerID").val() }, 
     success: function (result) { 
      var marketer = JSON.parse(result); 
      document.getElementById("nameMarketer").innerHTML = (marketer.name); 
     } 
    }); 
} 

CSHTMLファイルをファイルそれを追加するにはポイントが表示されません。

Answer 1

試してみてください。

$("#buttonB").click(function() { 
    getMarketer(); 
}); 

Answer 2

ajaxのセレクタに#がありません。 $("marketerID").val()、$("#marketerID").val();

これが問題になるのでしょうか？

Answer 3

変更このコードは、このことによって

$.ajax({ 
     url: "/home/GetOutBrainMarketers", 
     data: { id: $("marketerID").val() }, 
     success: function (result) { 
      var marketer = JSON.parse(result); 
      document.getElementById("nameMarketer").innerHTML = (marketer.name); 
     } 
    }); 

：

$.ajax({ 
     url: "/home/GetOutBrainMarketers", 
     data: { id: $("marketerID").val() }, 
     success: function (result) { 
      var marketer = JSON.parse(result); 
      $("#nameMarketer").html(marketer.name); 
     } 
    }); 

と幸運

Answer 4

I think, you have to put the your js files at the end, so it wwil be like this: 


@{ 
    ViewBag.Title = "Home Page"; 
} 
<br /> 
<div class="details"> 
    <label>Enter Marketer ID</label> 
    <input type="text" class="form-control" id="marketerID"> 
    <input type="button" class="btn btn-default" value="OK" id="buttonB" /> 
    <section class="details"> 
     <div class="name"> 
      <label>Name</label> 
      <label id="nameMarketer"></label> 
     </div> 
    </section> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="~/Scripts/outBrain.js"></script> 

@sectionを使うことをお勧めします。そうすれば、あなたのコードはより整理されます。