পিএইচপি এসকিউএল ওয়ার্ডপ্রেস জাভাস্ক্রিপ্ট জেকুয়েরি এইচটিএমএল
ফোরাম
×

পিএইচপি টিউটোরিয়াল

হোম-HOME পরিচিতি-Introduction ইনস্টল-Install গঠনপ্রনালী-Syntax চলক-Variable পিএইচপি Echo / Print তথ্যের ধরণ-Data Types কনস্ট্যান্ট-Constant অপারেটর-Operator ফাংশন-Function সুপারগ্লোভাল-Superglobal

কন্ট্রোল স্টেটমেন্ট

if স্টেটমেন্ট if...Else স্টেটমেন্ট Switch স্টেটমেন্ট While লুপ DO...While লুপ For লুপ

পিএইচপি এ্যারে এবং স্ট্রিং

এ্যারে-Array এ্যারে সর্টিং -Array Sorting মাল্টি এ্যারে-Multi Array স্ট্রিং-String

পিএইচপি এডভান্স

তারিখ এবং সময় পিএইচপি include ফাইল হ্যান্ডলিং-File Handling ফাইল খোলা/পড়া ফাইল তৈরি/লিখা ফাইল আপলোড ফাইল ডাউনলোড কুকি-Cookie সেশন-Session ফিল্টার-Filter এডভান্স ফিল্টার-Advance Filter এঁরর হ্যান্ডলিং-Error Handling এক্সেপশন হ্যান্ডেলিং-Exception Handling

পিএইচপি ফরম

ফরম হ্যান্ডলিং ফরম ভ্যালিডেশন আবশ্যক ফরম ফিল্ড ফরম URL/E-mail সম্পূর্ণ ফরম

MySQL ডেটাবেজ

MySQL ডেটাবেজ MySQL ডেটাবেজ সংযোগ MySQL ডেটাবেজ তৈরী MySQL টেবিল তৈরী MySQL তথ্য ইনসার্ট MySQL শেষ আইডি পান MySQL একাধিক তথ্য ইনসার্ট MySQL প্রিপেয়ার্ড স্টেটমেন্ট MySQL তথ্য সিলেক্ট MySQL তথ্য ডিলিট MySQL তথ্য আপডেট MySQL সীমিত তথ্য সিলেক্ট

পিএইচপি- এক্সএমএল

PHP XML Parser PHP SimpleXML Parser PHP XML Parser PHP SimpleXML - Get PHP XML Expat PHP XML Dom

পিএইচপি - এজাক্স

পিএইচপি AJAX পরিচিতি AJAX পিএইচপি AJAX ডেটাবেজ AJAX এক্সএমএল AJAX সারাসরি সার্চ AJAX RSS রির্ডার AJAX Poll

পিএইচপি অবজেক্ট অরিয়েন্টেড প্রোগ্রামিং(OOP)

OOP পরিচিতি OOP class তৈরী OOP objects তৈরী OOP $this কিওয়ার্ড OOP মেথড এবং প্রোপার্টি চেইনিং OOP অ্যাক্সেস মোডিফায়ার OOP ম্যাজিক মেথড এবং কন্সটেন্ট OOP ইনহেরিটেন্স OOP Abstract class এবং method OOP ইন্টারফেস OOP পলিমরফিজম OOP টাইপ হিন্টিং() OOP টাইপ হিন্টিনং ইন্টারফেস OOP স্ট্যাটিক মেথোড এবং প্রোপার্টি

 

পিএইচপি এবং এজ্যাক্স


অধিক ইন্টারেক্টিভ ওয়েব অ্যাপ্লিকেশন তৈরি করতে AJAX ব্যবহৃত হয়।


পিএইচপি এবং AJAX এর উদাহরণ

এখন আমরা একটি উদাহরণের সাহায্যে এজ্যাক্স এবং পিএইচপির ব্যবহার দেখবো। এক্ষেত্রে ইনপুট ফিল্ডে অক্ষর টাইপ করার সঙ্গে সঙ্গে AJAX পিএইচপি ফাইল থেকে একগুচ্ছ সাজেশন দেখাবে।

উদাহরণঃ AJAX ব্যবহত এপ্লিকেশনের এইচটিএমএল অংশ
<!DOCTYPE html>
<html>
<head>
 <title>পিএইচপি এবং এজ্যাক্সের একত্রে ব্যবহার</title>
</head>
<body>

<p>নিম্নের ইনপুট ফিল্ডে যে কোনো নাম টাইপ করুনঃ</p>
<form>
আপনার নামঃ <input type="text" onkeyup="showSuggestion(this.value)">
</form>
<p>সাজেশনঃ <span id="getSuggestion"></span></p>

</body>
</html>

উপরের উদাহরনে ইউজার যখন ইনপুট ফিল্ডে কোনো অক্ষর টাইপ করে তখন showSuggestion() ফাংশনটি সম্পাদিত হয়। এই ফাংশনটি onkeyup ইভেন্টের মাধ্যমে সম্পাদিত হয়।

উদাহরণঃ AJAX ব্যবহত এপ্লিকেশনের AJAX অংশ
<script>
function showSuggestion(string) {
    if (string.length == 0) {
        document.getElementById("getSuggestion").innerHTML = "";
       return;
    } else {
        var request = new XMLHttpRequest();
        request.onreadystatechange = function() {
            if (request.readyState == 4 && request.status == 200) {
                document.getElementById("getSuggestion").innerHTML = request.responseText;
            }
        };
        request.open("GET", "suggestion.php?i=" + string, true);
        request.send();
    }
}
</script>

কোডের ব্যাখ্যাঃ

প্রথমেই আমরা ইনপুট ফিল্ডটি ফাঁকা কিনা string.length == 0 এর মাধ্যমে চেক করে নিব। যদি এটি ফাঁকা হয় তাহলে টেক্সট প্লেসহোল্ডার এর কন্টেন্ট মুছে যায় এবং প্রোগ্রামের নিয়ন্ত্রণ showSuggestion() ফাংশন থেকে বের হয়ে যায়।

অপরদিকে ইনপুট ফিল্ডটি যদি ফাঁকা না হয় সেক্ষেত্রে নিম্নের ঘটনা গুলো ঘটবেঃ

  • একটি XMLHttpRequest অবজেক্ট তৈরি করবে।
  • কার্যসম্পাদনের জন্য সার্ভার প্রস্তুত হলে এটি একটি ফাংশন তৈরি করবে।
  • সার্ভারে অবস্থিত "suggestion.php" ফাইলে তথ্যের জন্য একটি অনুরোধ পাঠাবে।
  • লক্ষ্য করুন আমরা "suggestion.php" ফাইলের সাথে একটি প্যারামিটার i যুক্ত করেছি যা সার্ভারে একটি string ভ্যারিয়েবল পাঠায়।
  • string ভ্যারিয়েবলটি ইনপুট বক্সের কন্টেন্ট ধারন করে।

পিএইচপি ফাইল

আমরা এই ফাইলটি "suggestion.php" নামে সংরক্ষন করবো।

পিএইচপি ফাইলটি অ্যারের মধ্যে ইনপুট ফিল্ডের নাম/নামসমূহ আছে কিনা চেক করে। মিল খুঁজে পেলে অনুরূপ নামগুলো ব্রাউজারে ফেরত পাঠায়ঃ

উদাহরণঃ suggestion.php ফাইল
<?php
//সুপারিশকৃত নামসমূহের Array
$names = ["Aziz", "Aysha", "Asma", "Badol", "Cinderella",
"Devid", "Eva", "Faruk", "Faysal", "Hafiz", "Imran",
"Jahangir", "Jannat", "Joy", "Konika", "Minhazur",
"Motiur", "Monir", "Orin", "Raju", "Ria", "Ratul",
"Saleh", "Shahid", "Shahparan", "Shaikatul", "Shamima",
"Shilpi", "Shapla", "Shovon", "Tamim", "Tahmid",
"Tamjid", "Taslima", "Upoma", "Yeasin", "Zehadul"];

// লিংক থেকে i প্যারামিটার ধরবে
$input = $_REQUEST["i"];

//suggestion এর প্রাথমিক মান ফাঁকা 
$suggestion = "";

/* যদি $input ফিল্ড ফাঁকা না হয় সেক্ষেত্রে $names অ্যারের সকল নাম
 এর সাথে চেক করে দেখে কোন মিল আছে কিনা */ 
if ($input !== "") {
    $input = strtolower($input);
    $len=strlen($input);
    foreach($names as $name) {
        if (stristr($input, substr($name, 0, $len))) {
            if ($suggestion === "") {
                $suggestion = $name;
            } else {
                $suggestion .= ", $name";
            }
        }
    }
}

// যদি কোনো মিল না পাওয়া যায় সেক্ষেত্রে "দুঃখিত কোনো সাজেশন নেই!" দেখাবে
if($suggestion === "") {
	echo "দুঃখিত কোনো সাজেশন নেই!";
} else{
	echo $suggestion;
}
?>

উপরের কোডগুলোর সমন্বয়ে নিচের এপ্লিকেশনটি তৈরি করা হয়েছে। প্রয়োগ দেখার জন্য নিচের ইনপুট ফিল্ডে অক্ষর টাইপ করুন।

ফলাফল

নিম্নের ইনপুট বক্সে টাইপ করা শুরু করেনঃ

নামঃ

পরামর্শঃ