AjaxのポストコールがKeyUpで動作しない

Question

私は運が悪いのでこの問題を解決しようとしています。私はコースのリストを取得するために、アヤックスのポストをやっています。リストを取得するには2つの方法があります。ユーザーは検索ボタンをクリックするか、またはEnterを押すことができます。検索ボタンをクリックすると、コースの一覧が表示されます。ただし、Enterキーを押しても機能しません。常に "jqXHR.status = 0 - 接続されていません"というエラーを返します。

これらは両方ともPerformSearch（）を呼び出す2つのイベントです。

このキーアップイベントは機能しません。

$('#searchFor').on('keyup', function (event) { 
    event.preventDefault(); 
    if (event.which === 13) { 
     // $('#SearchCourses').click(); 
     PerformSearch(); 
    } 
}) 

クリックイベントが正常に動作します。

//コースリストを返すサーバーサイドコード。

public ActionResult GetCourses(Course courseObj) 
    { 
    . 
    . 
    . 
    return PartialView("Courses", courses); 
} 

イベントがちょうどもちろんオブジェクトの代わりにページ全体を提出しています。

Answer 1

それを試してみてください。

$('#searchFor').bind('keypress', function (e) { 
        var code = e.keyCode || e.which; 
        if (code == 13) { //Enter keycode 
         //Do something 
         PerformSearch(); 
        } 
       }); 

Answer 2

あなたはフォーム送信

if (event.which === 13) { 
    event.preventDefault(); 
    PerformSearch(); 
}