내가 뭘 잘못하고 있는지 잘 모르겠습니다. 여러 포럼을 검색했지만 해결책을 찾지 못했습니다. 양식에서 값을 제출하기 위해 정의 된 다음 아약스가 있습니다. 이 코드가 호출되고 있는지 확인하는 경고 함수가 있지만 process.php가 실행되고 있지 않습니다. 어떤 아이디어? 여기 아약스 코드 (내 dataString 모든 변수의 값을 포함하고 $ _POST 변수에 아무 문제 없을 것 같습니다.Ajax와 양식 제출 및 PHP
// 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;
});
});
'firebug'는'firefox' 또는'google chrome development tools'이나 다른 브라우저에 의한 다른 인트로 스펙 션 툴을 사용하여 어떤 일이 벌어지는 지 봅니다. – Nemoden
은 @Nemoden과 동의하지만,이 플러그인 (http://malsup.com/jquery/form)을 사용하면 힘들지 않을 것입니다. – rjmcb