ボタンをクリックした後にAjax POSTが機能しない

Question

ボタンを押した後に問題が発生する。ボタンフックAJAXの下で機能します。 私はバグ//があるヒントを教えてください。

マイコード：

コントローラー：

[HttpPost] 
    public ActionResult InsertCodesToDB(string name) 
    { 
     cl.InsertCodesToDB(name); 
     fl.MoveCodeFileToAccept(name); 

     string response = "Test"; 
     return Content(response, "application/json"); 
    } 

ビュー/ボタン：

<input type="button" class="btn btn-success sendCodesToDB" value="Umieść kody w bazie" data-value="@item.Name"/> 

ビュー/スクリプト：

<script> 
$('.sendCodesToDB').on('click', function() { 

    var name = $(this).data("value"); 

    $.ajax({ 
     url: '/ActualCodes/InsertCodesToDB', 
     type: 'POST', 
     dataType: 'json', 
     cache: false, 
     data: JSON.stringify({ 'name': 'name' }), 
     success: function (response) { 
       @(ViewBag.MessageOK) = response; 
     }, 
     error: function() { 
      onBegin; 
     } 
    }); 
}); 

function onBegin() { 
     $('#files').hide(); 
     $('#insertFiles').hide(); 
     $('#loading').show(); 
     $('#lblSelectedProductName').text('Trwa umieszczanie kodów w bazie danych. Proszę czekać ...'); 
     $('#ttt').show(); 
} 
</script> 

はあなたの助けのために事前にありがとうございます。

Answer 1

AjaxのコードはJavaScriptである必要があります。そこにC＃コードを使用することはできません（いくつかの値を出力する以外）。 @(ViewBag.MessageOK)は、ここで何をしているのです。

success: function (response) { 
    @(ViewBag.MessageOK) = response; 
}, 

あなたが何かしようと、メッセージボックスに応答を表示したい場合は、次の

success: function (response) { 
    $("#your_message_id").html(response); 
}, 

注：それはさておきを、あなたのようにあなたのコード内のいくつかのエラーを持っていますコメントの中には他の人が指摘している。

の1-このようなdataから引用符を削除します。

これに

data: JSON.stringify({ name: name }), 

2 - 変更error：あなたは思え

error: onBegin // You don't need "()" here 

Answer 2

：

error: function() { 
    onBegin(); // You need "()" here 
} 

それともこれをよりよくjQueryのon ready関数を追加しないこと。あなたのクリックアクションの前にそれを追加して、onBegin（）関数の前に閉じてください。

<script> 
// open here 
$(document).ready(function() { 

    $('.sendCodesToDB').on('click', function() { 

     var name = $(this).data("value"); 

     $.ajax({ 
      url: '/ActualCodes/InsertCodesToDB', 
      type: 'POST', 
      dataType: 'json', 
      cache: false, 
      data: JSON.stringify({ 'name': 'name' }), 
      success: function (response) { 
        @(ViewBag.MessageOK) = response; 
      }, 
      error: function() { 
       // function call missing "()" 
       onBegin(); 
      } 
     }); 
    }); 
// and close here 
}); 

function onBegin() { 
    $('#files').hide(); 
    $('#insertFiles').hide(); 
    $('#loading').show(); 
    $('#lblSelectedProductName').text('Trwa umieszczanie kodów w bazie danych. Proszę czekać ...'); 
    $('#ttt').show(); 
} 
</script> 

Answer 3

あなたは間違った方法でAJAX呼び出し内のデータを送信していると思います。

が、これはあなたを助けるこの

data: JSON.stringify({ name: name }) 

希望のようにそれを試してみてください。