jquery를 위해 하나의 아약스 기능이 절실히 필요합니다.

Question

<input type="text" user" id="nick" /> 
<input type="text" user" id="message" /> 
<a href="#">Send</a> 

간단하게 유지하십시오. 두 개의 입력란과 송신 링크가 있습니다. 나는 닉과 메시지를 shoutbox.php에 보내고 싶습니다. 여기서 나는이 값들을 데이터베이스에 삽입하고 데이터베이스로부터 모든 결과를 얻고 프론트 엔드에 보여주고 싶습니다.

이제 데이터베이스 부분에 저장을 구현했지만 데이터베이스에서 프런트 엔드 값을 가져올 수 없습니다.

나는 매개 변수를 보낼 수있는 jquery 함수가 필사적으로 필요하며 필자는 모든 작업을 수행 할 것입니다. 너희들이 너 자신을 위해 그런 기능을 할 수 있기를 나는 바란다.

Answer 1

shoutbox.php에 데이터를 전송하기 위해 jQuery를 아약스 방법을 사용shoutbox.php.

희망이 도움이됩니다. jQuery를 아약스에 대한

상세 정보 : info

Answer 2

그냥 예 : 당신이를 통해 전송 값을 잡을 수있는 PHP 측에서

HTML

<form id="myform"> 
    <input type="text" user" id="nick" name="nickname" /> <!-- use name -> 
    <input type="text" user" id="message" name="message"/> <!-- use name --> 
    <a href="#" id="send">Send</a> 
</form> 

jQuery를 지금

$('#send').on('click', function(e) { 
    e.preventDefault(); // prevent page reload on clicking of anchor tag 
    $.ajax({ 
    type: 'POST', 
    url: 'url_to_script', 
    data: $('#myform').serialize(), 
    dataType: 'json', // if you want to return JSON from php 
    success: function(response) { 
     // you can catch the data send from server within response 
    } 
    }); 
}); 

아약스와 같은 :

<?php 
    ... 
    $nickname = $_POST['nickname']; 
    $message = $_POST['message']; 
    ...... 
?> 

---

관련 심판 :

• .serialize()

• .ajax()

이 코드를 실행하면

//read the sended data 
$nickname = $_POST['nick']; 
$msg = $_POST['msg']; 

//to send data back, just use echo/print 
echo 'You sended nickname: ' . $nickname . ' and msg: "' . $msg . '"'; 

, 다음 경고 당신의 JS가에서 echo 라인을 보여줍니다 : shoutbox.php 당신의 지금

$.ajax({ 
    type: "POST", 
    url: "shoutbox.php", 
    data: { nick: "val_of_nick", msg: "val_of_msg" }, 
    success: function(data) { 
    alert('Loaded: ' + data); 
    } 
}); 

: