페이지를 새로 고침하지 않고 양식 제출

Question

this one과 같은 질문이 많지만 제대로 작동하지는 않습니다. 나는 이것이 올바른 만들기 위해 무엇을해야하는지조차 코멘트는 .. Meddelanden.php

<?php 
    session_start(); 
    $meddelanden = $_POST['message']; 
    $username = $_SESSION['user']; 
    include ("connect.php"); 
    $sql = $con->prepare('INSERT INTO messages (message,username) VALUES (?,?)'); 
    $sql->bind_param("ss",$meddelanden,$username); 
    $sql->execute(); 
    $sql->close(); 
    $con->close(); 
?> 

스크립트 (

<form action="meddelanden.php" id="fromen2" method="post"> 
    <input type="text" name="message" id="type" autocomplete="off" placeholder="type your chat message"> 
    <input class="lg" type="submit" name="submit" value="Send"> 
</form> 

내가 jQuery를 80 %처럼 이해하기 때문에 충분하다 엉망 일까지 내 머리)에 대한

$('#fromen2').submit(function(){ 

    $.ajax({ 
     type: 'POST', 
     url: meddelanded.php, 
     data: { 
      user: username,  // <-- is this what i should write in data?! 
      message: message  // <-- and this?! 
     }, 
     success: function(msg){       
      alert('Message Sent'); 
     } 
    }); 

    return false; 
}); 

그래서, 내 문제는 내가 data:에 작성해야 무엇이며, 나는이 거기에 입력되어있는 무슨 단서가 없다! 아무도 나를 도울 수 없나요? jQuery를 serialize 사용

Answer 1

그냥 직렬화 폼 데이터 :

$('#fromen2').submit(function(){ 

    $.ajax({ 
     type: 'POST', 
     url: meddelanded.php, 
     data: $(this).serialize() 
     success: function(msg){ 

      alert('Message Sent'); 
     } 
    }); 

    return false; 
}) 

을;

Answer 2

다음과 같이 시도해보십시오. 그래도 그걸로 주위를 어지럽 힐 수 있습니다. 먼저 제출 버튼을 눌렀을 때 양식이 자동으로 제출되지 않도록 차단 한 다음 사용자가 입력 한 값을 메시지에 사용하고 의 값을 data에 입력했습니다. 희망이 도움이됩니다.

$('#fromen2').submit(function(e){ 
e.preventDefault(); 
var userMessage = $('#messageInput').val(); 

$.ajax({ 
    type: 'POST', 
    url: meddelanded.php, 
    data: { 
    //You dont need to send user data becaues you are setting the user variable with $_SESSION in php file 
    message: userMessage  
    }, 
    success: function(msg){ 


    alert('Message Sent'); 

     } 
    }); 

return false; 
}); 

HTML이

<form id="fromen2" method="post"> 
     <input type="text" id = "messageInput" autocomplete="off" placeholder="type your chat message"> 
     <input class = "lg" type="submit" name="submit" value="Send"> 
    </form> 

또는 대신 이벤트로 .submit()를 사용하는 양식에서 데이터를 검색하고 AJAX와 데이터를 게시 할 것 onclick 이벤트에 함수를 추가 할 수 있습니다 귀하의 PHP 스크립트.

$('#submitButton').on('click', function(e){ 
e.preventDefault(); 
var userMessage = $('#messageInput').val(); 

$.ajax({ 
type: 'POST', 
url: meddelanded.php, 
data: { 
    //You dont need to send user data becaues you are setting the user variable with $_SESSION in php file 
    message: userMessage  
}, 
    success: function(msg){ 


    alert('Message Sent'); 

    } 
    }); 
}); 

HTML

<form id="fromen2"> 
    <input type="text" id = "messageInput" autocomplete="off" placeholder="type your chat message"> 
    <input class = "lg" id="submitButton" name="submit" value="Send"> 
</form>