۳
آذر

جلسه ۴۹ : ساخت سیستم نظرسنجی با Ajax

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا ساخت سیستم نظرسنجی با Ajax را به شما آموزش دهیم.

ساخت سیستم نظرسنجی با Ajax و php

فهرست

ساخت سیستم نظرسنجی با Ajax و PHP

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

توضیحات برنامه

وقتی که کاربر یکی از گزینه ها را انتخاب کرد، تابع ()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 (this.readyState==4 && this.status==200) {
      document.getElementById("poll").innerHTML=this.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>

<html>

<head>

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 (this.readyState==4 && this.status==200) {

document.getElementById("poll").innerHTML=this.responseText;

}

xmlhttp.open("GET","poll_vote.php?vote="+int,true);

xmlhttp.send();

}

</script>

</head>

<body>

<form>

Yes:

<br>No:

</form>

</div>

</body>

</html>

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

ایجاد یک XMLHttpRequest object
اگر server response آماده بود تابعی برای اجرا ایجاد می کند
یک درخواست به فایل php ارسال می کند
توجه داشته باشید که پارامتر vote به url اضافه شده است. (با محتوای گزینه “yes” یا “no”)

فایل 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>

<?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>

<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>

<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>

گرفتن محتوای فایل poll_result.txt
قرار دادن محتوای فایل در متغیر ها
نوشتن نتایج در فایل poll_result.txt
چاپ کردن یک نمودار گرافیکی از نتایج نظرسنجی

فایل متنی

فایل متنی poll_result.txt جایی هست که نتایج در آن ذخیره می شوند.

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

مثال :

 0||0

0||0

عدد اول برای کلمه “yes” , عدد دوم برای کلمه “no” می باشد.

جلسه ساخت سیستم نظرسنجی با Ajax و سری جلسات آموزش زبان PHP به پایان رسید. امیدوارم این آموزش ها مفید واقع شده باشند.

همنین می توانید نظرات و سوالات خود را از طریق بخش نظرات با ما در میان بگذارید.

جلسه ۴۸ : ساخت خبر خوان با Ajax

QR: جلسه ۴۹ : ساخت سیستم نظرسنجی با Ajax

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 14

حسین صالحی
خرداد ۲۱, ۱۳۹۸
مخلصتم داداش دمت گرم
پاسخ دادن
- پی وی لرن
  خرداد ۲۱, ۱۳۹۸
  خواهش می کنم، موفق باشید.
  پاسخ دادن
حسین صالحی
خرداد ۲۵, ۱۳۹۸
باعرض سلام و خسته نباشید. ببخشید من هرکاری کردم سیستم ثبت نظرات رو که روی یک قالب ساده است رو اجرا کنم نظر رو ثبت نمیکنه اروور میده. میتونم قالب رو براتون بفرستم یک نگاهی بهش بندازید .
پاسخ دادن
- پی وی لرن
  خرداد ۲۶, ۱۳۹۸
  سلام
  متاسفانه این مسئله زمان بر است و ما نمی توانیم در این مورد کمکی نماییم. شما می توانید در همان سایتی که برای شما ارسال کرده ام عضو شوید و سوال خودتان و مشکل خودتان را ارسال کنید تا کاربرانی که در آنجا هستند و در این زمینه تخصصی کار کردن پاسخ دهند.
  پاسخ دادن

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۴۹ : ساخت سیستم نظرسنجی با Ajax

ساخت سیستم نظرسنجی با Ajax و PHP

توضیحات برنامه

فایل PHP

فایل متنی

لیست مطالب دوره

مقدمات آموزش PHP

PHP Forms

MySQL Database

PHP - XML

PHP - AJAX

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ