jquery와 ajax를 사용하여 같은 페이지에서 PHP 폼로드하기

Question

PHP 폼의 값을로드하고 결과를 같은 파일의 div에 표시하는 함수가 필요합니다.

I는 노호 코드와 PHP 파일의 형태로 가지고

<?php 

echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>"; 
echo"<script type='text/javascript' src='script.js'></script>"; 


echo"<form method='post' action='' >"; 
echo " <select name='mat'><option value=''>Choose: </option>"; 
echo"<option >hello</option>"; 
echo"</select>"; 
echo"<input type = 'submit' value='next' onclick='submit();' />"; 
echo"</form>"; 

echo"<div id ='result'> </div>"; 
?> 

및 script.js 펑션이다

function submit() { 
    $(function() { 
     var mat = "mat"; 
     var dataString = 'mat=' + mat; 
     $.ajax({ 
      type: "POST", 
      url: "check.php", 
      data: dataString, 
      success: function (res) { 
       goToByScroll("result"); 
       $('#result').html("<br><br><br><br><br><br><br><br><br><br>").hide().fadeIn(2500, function() { 
        $('#result').html(res + "<br /><br /> Finished"); 
       }); 
      } 
     }); 
     return false; 
    }); 
} 

및 값을로드 check.php입니다

<?php 
function safe($value) 
{ 
    htmlentities($value, ENT_QUOTES, 'utf-8'); 
    return $value; 
} 
if (isset($_POST['mat'])) { 
    $mat = safe($_POST['mat']); 
    echo ($mat); 
} 
elseif (!isset($_POST['mat'])) { 
    header('Location: error?mat=notfound'); 
} ?> 

하지만 주먹 PHP 파일에서 다음을 클릭하면 ything, 오류를 찾을 수 있습니까?

Answer 1

submit 함수 내에서 $(function(){ ..을 실행하지 않습니다. 이 행을 삭제해야 해당 행을 삭제해야합니다.

function submit() { 
    var mat = "mat"; 
    var dataString = 'mat=' + mat; 
    $.ajax({ 
     type: "POST", 
     url: "check.php", 
     data: dataString, 
     success: function(res) { 
      goToByScroll("result"); 
      $('#result').html("<br><br><br><br><br><br><br><br><br><br>").hide().fadeIn(2500, function() { 
       $('#result').html(res + "<br /><br /> Finished"); 
      }); 
     } 
    }); 
    return false; 
}