php, ajax 및 jQuery를 사용하여 데이터베이스에 값 삽입

Question

이 작업을 수행하기 위해 열심히 노력하고 있으며 잘못된 것을 알지 못합니다. 나는 데이터를 폼에 삽입하고 jQuery와 AJAX를 사용하여 데이터베이스에 INSERT하는 등록 페이지를 가지고있다. 나는 AJAX와 jQuery에 익숙하지 않으므로 온화합니다. : PI 내가 addMembers.js

을 포함

sign_up.php ... 당신에게 (나는 모든 페이지에 포함) 내 header.php에서

<?php 
    include 'connect.php'; 
    include 'header.php'; 

    echo '<h2>Register</h2>'; 

    if($_SERVER['REQUEST_METHOD'] != 'POST') 
    { 
     echo '<br/>'; 
     echo ' 
     <div class="container"> 
     <form id="submit" method="post" action=""> 
     <fieldset> 
     <legend> Enter Information </legend> 
     <br/> 
     <label for="user_name">Your username: </label> 
     <br/> 
     <input id="user_name" class="text" name="user_name" size="20" type="text"> 
     <br/> 
     <br/> 
     <label for="user_pass">Your password: </label> 
     <br/> 
     <input id="user_pass" class="text" name="user_pass" size="20" type="password"> 
     <br/> 
     <br/> 
     <label for="user_pass_check">Confirm password: </label> 
     <br/> 
     <input id="user_pass_check" class="text" name="user_pass_check" size="20" type="password"> 
     <br/> 
     <br/> 
     <label for="user_email">Email: </label> 
     <br/> 
     <input id="user_email" class="text" name="user_email" size="20" type="email"> 
     <br/> 
     <br/> 
     <button class="button positive" type="submit"> <img src="like.png" alt=""> Register </button> 
     </fieldset> 
     </form> 
     <div class="success" style="display: none;"> You are now a registered user!</div> 
     </div>'; 
    } 
    else { 
     $errors = array(); 
     //Checks the errors 
     if(isset($_POST['user_name']) == NULL) 
     { 
       //if the user name is larger than 30 characters 
       $errors[] = 'Please enter your username.'; 
     } 

     //Checks the password 
     if(isset($_POST['user_pass']) == NULL) 
     { 
       $errors[] = 'Please enter your password.'; 
     } 
     else 
     { 
       if($_POST['user_pass'] != $_POST['user_pass_check']) 
       { 
        $errors[] = 'The two passwords did not match.'; 
       } 
     } 

     if(!empty($errors)) //Checks for empty fields 
     { 
       echo 'Please check that all the fields are filled in.<br /><br />'; 
       echo '<ul>'; 
       foreach($errors as $key => $value) //walk through the array so all the errors get displayed 
       { 
         echo '<li>' . $value . '</li>'; //this generates a list with errors 
       } 
       echo '</ul>'; 
     } 
} 
?> 

을 내가 가지고있는 파일을 보여줍니다

$(document).ready(function(){ 
     $("form#submit").submit(function() { 

     // we want to store the values from the form input box, then send via ajax below 
     var user_name = $('#user_name').val(); 
     var user_email = $('#user_email').val(); 
     var user_pass= $('#user_pass').val(); 

     //$user_name = $('#user_name').val(); 
     //$user_email = $('#user_email').val(); 
     //$password = $('#password').val(); 

     alert(user_name); 

      $.ajax({ 
       type: "POST", 
       url: "ajax.php", 
       data: "user_name="+ user_name +"&user_email="+ user_email +"$user_pass=" + user_pass, 
       success: function(){ 
        $('form#submit').hide(function(){$('div.success').fadeIn();}); 
       } 
      }); 

      //alert("ji"); 

     return false; 
     }); 
}); 

그리고 내 ajax.php는 데이터를 가져 와서 데이터베이스에 삽입해야하지만 그렇지 않습니다. ! :(

<?php 
     include 'connect.php'; 
     include 'header.php'; 

     // CLIENT INFORMATION 
     $user_name = $_POST['user_name']; 
     $user_email = $_POST['user_email']; 
     $user_pass = $_POST['user_pass']; 

     mysql_query("INSERT INTO 
         users(`user_name`, `user_pass`, `user_email` , `user_date` , `user_level`) 
       VALUES('$user_name', '$user_pass', '$user_email', NOW() , 0)" OR trigger_error(mysql_error())); 
?> 

도와주세요 ...

덕분에 많은

조

Answer 1

여기에 약간의 것들이 있습니다 :

HTML :

줘 =이 버튼에 "제출"을 입력합니다

<button type="submit" class="...>...</button> 

jQuery를 :

양식 값을 얻을 수 ATTR()를 사용하지 마십시오 , 그러나 val()을 사용하십시오. 또한 쿼리 문자열을 작성한 방법에 유의하십시오.

$("form#submit").submit(function() { 

    var dataString = $(this).serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: dataString, 
      success: function(){ 
       $(this).hide(); 
       $('div.success').fadeIn(); 
      } 
     }); 
    return false; 
    }); 

PHP :

당신 이 ajax.php을 보여주지 않았다, 그것은 무엇을하고 당신은 또한 당신의 코드를 약간 단축 직렬화()를 사용하는 것이 좋습니다? 아약스를 부르는 경우 왜 sign_up.php에서 체크인합니까? 또한

,이 코드 조각 :

if(!ctype_alnum($_POST['user_name'])) 
{ 
    $errors[] = 'That user name is allready taken.'; 
} 

는 오해의 소지가 ctype_alnum()는 사용자 이름은 알파벳 문자 나 숫자를 가지고 있는지 확인 않으며, 사용자 이름에 대해이 점은 이미 무엇을 취해지고이야?

MySQL의 :

당신이 '가 타격 당신의 INSERT 쿼리를 제공, 그래서 너무 여부를 실패 않다면 아무도 말할 수

UPDATE :

조회에보다 더 많은 열이 값. 또한 여기까지 htmlspecialchars()가 무엇입니까? SQL 인젝션을 피하려면 mysql_real_escape_string()을 사용해야합니다. 데이터베이스에 들어가기 전에 html을 이스케이프 처리하면 쓸모가 없다.

mysql_real_escape_string()을 호출 할 때 연결이 열려 있는지 확인한다.

은 다음과 같아야 무엇을 작동하지 않습니다

mysql_query("INSERT INTO users 
      (`user_name`,`user_pass`,`user_email`,`user_date`,`user_level`) 
      VALUES ('$user_name','$password','$user_email','missingvalue','missingvalue')" 
      ) OR trigger_error(mysql_error()); 

Answer 2

$.ajax({ 
    type: "POST", 
    url: "ajax.php", 
    data: "user_name="+ user_name + "&user_email=" + user_email + "&password=" + password, 
    success: function(){ 
     $('form#submit').hide(function(){$('div.success').fadeIn();}); 
    } 
}); 

Answer 3

같은 earlyer 의견 외에, ajax.php을 보여 '($'# user_name '). val();', 'user_email 이전 앰퍼샌드'... ok ...