jQueryが動作しないAjaxリクエスト

Question

私は長い時間を開発していない、私はいくつかの反射を失った。

誰かが私を助けることができますか？

HTML

<form> 
    <label for="title">Title :</label> 
     <input type="text" id="title" /> 
    <label for="comment">Comment :</label> 
     <input type="text" id="comment" /> 
    <label for="project">Project :</label> 
     <input type="text" id="project" /> 

    <input type="submit" value="Submit" /> 
</form> 

$(function(){ 
    $('form').submit(function(){ 
     return false; 
     $.ajax({ 
      type: 'POST', 
      url: 'http://support.foo.com/insert_bug.aspx', 
      data: 'username=mr%20dog&password=dog%3Ddog&short_desc=' + $('#title').val() + '&comment=' + $('#comment').val() + '&projectid=' + $('#project').val(), 
      success: function(msg){ 
       alert(msg); 
      } 
     }) 
    }); 
}); 

insert_bug.aspx

JavaScriptを：私は提出押すと

は、Google Chromeのによると、それは何も起こりません

string username = Request["username"]; 
string password = Request["password"]; 
string short_desc = Request["short_desc"]; 
string comment = Request["comment"]; 
string projectid_string = Request["projectid"]; 

ブラウザからURLを送信すると、バグが追加されます。

Answer 1

問題は、あなたのAJAX呼び出しがさえ到達したことがないことを意味.ajaxにお電話、前submitイベントハンドラから復帰していることです。あなたは、関数本体の最後にreturn文を移動することができ：

$('form').submit(function(){ 
    //AJAX call... 
    return false; 
}); 

それとも、同じ効果のために、イベントオブジェクトのpreventDefaultメソッドを使用できます。

$('form').submit(function(e){ 
    e.preventDefault(); 
    //AJAX call... 
}); 

Answer 2

何かが起きた場合、私は驚いています。あなたは$.ajax関数を呼び出す前に、関数を送信してからfalseを返しています。 試してみてください。

$(function(){ 
    $('form').submit(function(){ 
     $.ajax({ 
      type: 'POST', 
      url: 'http://support.foo.com/insert_bug.aspx', 
      data: 'username=mr%20dog&password=dog%3Ddog&short_desc=' + $('#title').val() + '&comment=' + $('#comment').val() + '&projectid=' + $('#project').val(), 
      success: function(msg){ 
       alert(msg); 
      } 
     }); 
     return false; 
    }); 
});