AjaxでフォームとPHPを送信

Question

私は間違っているのか分かりません。私は複数のフォーラムを検索しましたが、解決策はありませんでした。フォームから値を送信するために定義された以下のajaxがあります。私は、このコードが呼び出されていることを確認する警告機能を持っていますが、process.phpは実行されていません。なぜどんなアイデア？ここではAjaxコードである（私のdataStringは、すべての変数の値が含まれており、$ _POST変数には問題なさそうです。

// JavaScript Document 
$(document).ready(function(){ 
$(".button").click(function() { 
    // validate and process form here 
    //alert("yayyy"); 

    var company = $("input#company").val(); 
    var jobfunc = $("input#jobfunc").val(); 
    var location = $("input#location").val(); 
    var overall = $("input#overall").val(); 
    var detail = $("textarea#detail").val(); 
    var pros = $("textarea#pros").val(); 
    var cons = $("textarea#cons").val(); 
    var sr_mgmt = $("textarea#sr_mgmt").val(); 
    var submitted_by = $("input#submitted_by").val(); 
    var classof = $("input#classof").val(); 
    var school = $("input#school").val(); 
    var anonymous = $("input#anonymous").val(); 
    if (anonymous == 'on') 
    { 
     var anonymous_tmp = 'Y'; 
    } 
    else 
    { 
     var anonymous_tmp = 'N'; 
    } 

    var dataString = 
    'company=' + company + 
    '&jobfunc=' + jobfunc + 
    '&location=' + location + 
    '&overall=' + overall + 
    '&detail=' + detail + 
    '&pros=' + pros + 
    '&cons=' + cons + 
    '&sr_mgmt=' + sr_mgmt + 
    '&submitted_by=' + submitted_by + 
    '&classof=' + classof + 
    '&school=' + school + 
    '&anonymous=' + anonymous_tmp; 

    alert (dataString); 
    $.ajax(
    { 
    type:"POST", 
    url:"process.php", 
    data:dataString, 
    success:function() 
    { 
     $('#testimonials').html("<div id='message'></div>"); 
     $('#message').html("<h2>Your information has been submitted!</h2>") 
     .append("<p>Thank you for your help and support.</p>") 
     .hide() 
     .fadeIn(1500, function() 
     { 
     $('#message').append("<img id='checkmark' src='images/check.png'/>"); 
     }); 
    } 
    }); 
    return false; 
}); 
}); 

Answer 1

process.php 500エラーを返しているが、それはのルートに座っていますあなたのWebアプリ？ あなたがお使いのブラウザでデベロッパーコンソールログを調べて見つける、または変更することができます 機能

success:function() 

success:function(res, textStatus, jqXHR) { 
console.log(res); 
console.log(textStatus); 
console.log(jqXHR); 
} 

へ0

と返されているものを調べてください。

また、代わりにフォームの値を構築するマニュアルの、なぜあなただ​​け

$('id_of_form').serialize(); 

を使用していないとだけ.post $にそれを渡しますか？

希望に役立ちます。