آموزش ساخت نظرسنجی با AJAX در PHP به همراه نمونه کد

Item: آموزش ساخت نظرسنجی با AJAX در PHP به همراه نمونه کد
Rating: 4
Author: راضیه علی شاهی

با استفاده از فیلم های آموزشی تولید شده توسط کلیک سایت، به راحتی می توانید آموزش ساخت نظرسنجی با AJAX در PHP به همراه نمونه کد را آموزش ببینید. در ادامه دعوت می شود که فیلم دمو (بخش اول آموزش) را در زیر مشاهده نمایید.

جهت مشاهده کامل این آموزش کلیک کنید

در این آموزش، «نظرسنجی با AJAX» یا «AJAX Poll» را یاد می گیریم.

نظرسنجی با AJAX یا «AJAX Poll»

مثال زیر یک نظرسنجی را نشان می دهد که نتیجه آن، بدون بارگذاری مجدد صفحه، نشان داده می شود.

توضیح مثال - صفحه HTML

هنگامی که یک کاربر یک گزینه را انتخاب می کند، یک تابع به نام "getVote()" اجرا می شود. این تابع توسط رویداد "onclick" رخ می دهد:

<html>
<head>
<script>
function getVote(int) {
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("poll").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","poll_vote.php?vote="+int,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<div id="poll">
<h3>Do you like PHP and AJAX so far?</h3>
<form>
Yes:
<input type="radio" name="vote" value="0" onclick="getVote(this.value)">
<br>No:
<input type="radio" name="vote" value="1" onclick="getVote(this.value)">
</form>
</div>

</body>
</html>

تابع getVote() کارهای زیر را انجام می دهد:

یک شیء XMLHttpRequest ایجاد می شود.
هنگامی که پاسخ سرور (server response) آماده باشد، یک تابع (function) ایجاد می شود (کار این تابع بدین شکل می باشد که وقتی پاسخ از طرف سرور را دریافت کرد، آن را در فیلد ورودی به نام "poll" قرار دهد)
درخواست (request) به یک فایل روی سرور، ارسال می شود.
توجه داشته باشید که پارامتر (vote) به URL اضافه می شود (با مقدار گزینه yes یا no که توسط کاربر انتخاب شده است)

فایل php

فایلی که روی سرور هست و توسط کد javascript بالا صدا زده می شود، یک فایلِ php به نام "poll_vote.php" است:

<?php
$vote = $_REQUEST['vote'];

//get content of textfile
$filename = "poll_result.txt";
$content = file($filename);

//put content in array
$array = explode("||", $content[0]);
$yes = $array[0];
$no = $array[1];

if ($vote == 0) {
  $yes = $yes + 1;
}
if ($vote == 1) {
  $no = $no + 1;
}

//insert votes to txt file
$insertvote = $yes."||".$no;
$fp = fopen($filename,"w");
fputs($fp,$insertvote);
fclose($fp);
?>

<h2>Result:</h2>
<table>
<tr>
<td>Yes:</td>
<td>
<img src="poll.gif"
width='<?php echo(100*round($yes/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($yes/($no+$yes),2)); ?>%
</td>
</tr>
<tr>
<td>No:</td>
<td>
<img src="poll.gif"
width='<?php echo(100*round($no/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($no/($no+$yes),2)); ?>%
</td>
</tr>
</table>

زمانی که مقدار ورودی کاربر توسط JavaScript به فایل php ارسال می شود، کارهای زیر اتفاق می افتد:

محتوای "فایل poll_result.txt" را دریافت می کند.
نتایج قبلی نظرسنجی را از فایل " poll_result.txt " می گیریم. این فایل شامل یک رشته از نتایج قبلی می باشد. فرض کنید برابر رشته ی "78||21" می باشد. این دو عدد تعداد yes ها و no های نظرسنجی می باشد که با کاراکتر "||" از هم جدا شده اند. برای اضافه نمودن نظر جدید نیاز به این دو عدد داریم بنابراین توسط تابع explode آنها را از هم جدا می نماییم و اعداد را در آرایه ای به نام $array قرار می دهیم. به ترتیب خانه ی اول آرایه حاوی تعداد yes ها و خانه ی دوم آرایه حاوی تعداد no ها می باشد.
حال برا اساس انتخاب کاربر به مقدار yes ها یا no ها یک واحد می افزاییم.
نتیجه نظرسنجی جدید را در فایل poll_result.txt می نویسیم.
نتیجه نظرسنجی را به صورت گرافیکی نمایش می دهیم.

فایل متنی (Text File)

فایل متنی (poll_result.txt) جایی است که داده های حاصل از نظرسنجی در آن ذخیره می شود.

شکل و فرمت ذخیره داده ها شبیه رشته زیر می باشد :

0||0

عدد اول نشان دهنده ی تعداد رای های yes و عدد دوم نشان دهنده تعداد رای های no می باشد.

enlightened نکته:

باید مجوز ویرایش فایل متنی برای وب سرور (web server PHP) وجود داشته باشد. و البته مجوز دسترسی کاربران به این فایل نباید وجود داشته باشد.

پکیج های آموزشی جدید

آموزش ساخت سیستم نظردهی با PHP

فصلِ: 1 , تعداد قسمت ها: 7 , سطح: صفر تا صد

موضوعات: آموزش PHP

این فصل در یک نگاه:

در این مجموعه به ساخت سیستم نظردهی در php می پردازیم.…

بنا به درخواست یکی از کاربران گرامی سایت (امیر تجاره) طی چند مجموعه آموزشی قصد داریم نحوه ساخت و پیاده سازی سیستم ثبت نظرات و هم چنین نحوه ثبت پاسخ به هر نظر را مورد بررسی قرار دهیم. این مج…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

آموزش ساخت نظرسنجی با AJAX در PHP به همراه نمونه کد

نظرسنجی با AJAX یا «AJAX Poll»

توضیح مثال - صفحه HTML

فایل php

فایل متنی (Text File)

آیا نیاز به مدرک هم دارید؟