¸Å¹ø Áú¹®¸¸ Çؼ Á˼ÛÇÕ´Ï´Ù.
À¥¾ÛÀ¸·Î ·Î±×ÀÎÀÌ µÇ°í ¾Û»çÁø°ú ¼³¸íÀÌ ³ª¿À´Â °£´ÜÇÑ °³ÀÎ ¸¶ÄÏÀ» Â¥º¸·Á°í jquery mobile¸¦ °øºÎÇÏ°íÀÖ½À´Ï´Ù.
±× Áß °£´ÜÇÏ°Ô ¾ÆÀ̵ð¿Í ºñ¹Ð¹øÈ£¸¸ ÀÔ·ÂÇϴ ȸ¿ø°¡ÀÔÀ» Â¥º¸·Á°íÇß½À´Ï´Ù¸¸...
js¿¡¼ php·Î °ªÀ» ³Ñ°ÜÁÙ¶§ °è¼Ó °ªÀÌ ³Ñ¾î°¡Áö°¡ ¾Ê½À´Ï´Ù.
¹«¾ùÀÌ ¹®Á¦Àϱî¿ä?
ÆûÀº ¾Æ·¡¿Í °°½À´Ï´Ù.
<div data-role="page" id="registerpage">
<div data-role="header">
<h1>ȸ¿ø°¡ÀÔ</h1>
</div>
<div data-role="main" class="ui-content">
<form method="post" id="signupForm" action="php/register.php">
<div class="ui-field-contain">
<label for="id" style="width:20%">ID : </label>
<input type="text" name="signupId" id="signupId">
</div>
<div class="ui-field-contain">
<label for="pass" style="width:20%">Password : </label>
<input type="password" name="signupPass" id="signupPass" >
</div>
<div>
<input type="submit" data-inline="true" value="ȸ¿ø°¡ÀÔ">
<input type="reset" data-inline="true" value="ÃʱâÈ">
<a class="ui-btn ui-input-btn ui-corner-all ui-shadow ui-btn-inline" href = "#loginpage">Ãë¼Ò</a>
</div>
</form>
ÀÌ Æû¿¡¼ submit¸¦ ´©¸£¸é ȸ¿ø°¡ÀÔÀÌ µÇ°Ô ÇÏ·Á°íÇÕ´Ï´Ù. ±×·±µ¥ »ý°¢º¸´Ù ½±Áö ¾Ê´õ±º¿ä.
js¿¡¼ formData¸¦ alertÇغ¸¸é °ªÀÌ µé¾î°¡ÀÖ½À´Ï´Ù.
±×·±µ¥ php¿¡¼ ¹ÞÀ» ¶§ echo¸¦ ÇغÁµµ °ªÀÌ µé¾î°¡ÀÖÁö ¾Ê½À´Ï´Ù.
÷¿¡´Â js¿¡¼ ¹®Á¦°¡ ÀÖÀ»°Å¶ó »ý°¢ÇßÁö¸¸ formData¸¦ alertÇغ¸¸é °ªÀÌ µé¾î°¡ ÀÖ°í...
php¿¡¼´Â °ªÀ» ¹ÞÁö ¸øÇÏ°í... Çü½ÄÀº ¸Â´Â°Å°°Àºµ¥ µµ´ëü ¿Ö ¾ÈµÇ´Â°É±î¿ä...
<script>
$(document).ready(function(){
$('#signupForm').submit(function(e){
//alert($('#signupId').val());
//e.preventDefault();
var formData = $('#signupForm').serialize();
if($('#signupId').val().length > 0 && $('#signupPass').val().length > 0){
$.ajax({
url:'php/register.php',
data: formData,
type: 'post',
async: true,
success: function(formData){
if(formData.status == 'success'){
$.mobile.changePage("#second");
}
else if(formData.status == 'error'){
alert($('#signupId').val());
alert('Áߺ¹µË´Ï´Ù.');
return false;
}
}
});
}
else
{
alert('´Ù ä¿öÁÖ¼¼¿ä.');
}
//return false;
});
});
</script>
php¿¡¼´Â
$formData = json_decode($_REQUEST['formData']);
$id = $formData->{'signupId'};
$pass = $formData->{'signupPass'};
ÀÌ·¸°Ô ¹Þ½À´Ï´Ù. | |
|
phpÀÇ unserialize·Î Ç®¸®Áöµµ ¾Ê±¸¿ä.. ¿ä°Ç °Ë»öÇغ¸½Ã¸é ¸¹ÀÌ ³ª¿É´Ï´Ù.
2. ajax ¿¡¼ data·Î °ªÀÌ ³Ñ¾î°¥¶§ formDataÀÇ À̸§À¸·Î ³Ñ¾î°¡´Â°Ô ¾Æ´Ï¶ó
serialize()µÈ °ªÀÚü°¡ ³Ñ¾î°©´Ï´Ù. ¿øÇϽô´ë·Î ¹ÞÀ¸½Ã·Á¸é
data:{'formData':formData} ÀÌ·¸°Ô µÇ¾ßÇÏÁÒ~
php¿¡¼ print_r($_REQUEST) Çغ¸¼¼¿ä~