AJAX (Asynchronous JavaScript and XML) হলো একটি প্রযুক্তি যা ওয়েব পেজের অংশবিশেষ রিফ্রেশ বা রি-লোড না করেই সার্ভার থেকে ডেটা অ্যানালাইসিস এবং প্রাপ্তি সম্ভব করে। এটি JavaScript এর মাধ্যমে ক্লায়েন্ট সাইডে ডেটা পাঠায় এবং সার্ভার থেকে ডেটা গ্রহণ করে, এবং সার্ভারে কোনো পরিবর্তন ঘটিয়ে সেই পরিবর্তিত ডেটা শুধুমাত্র ওয়েব পেজের নির্দিষ্ট অংশে আপডেট করে। AJAX ওয়েব অ্যাপ্লিকেশনকে আরও ইন্টারঅ্যাকটিভ এবং দ্রুততর করে তোলে, কারণ এটি পুরো পেজ রিফ্রেশ না করেই ডেটা প্রক্রিয়াকরণ করে।
AJAX-এর মাধ্যমে একটি ওয়েব পেজে ব্যবহারকারী কোনো কার্যক্রম (যেমন বাটনে ক্লিক) সম্পন্ন করার পর, ওয়েব পেজের কোনো নির্দিষ্ট অংশ রিফ্রেশ ছাড়াই সার্ভার থেকে নতুন ডেটা নিয়ে আসে এবং শুধুমাত্র সেই অংশটি আপডেট করে। এটি Asynchronous প্রক্রিয়া, অর্থাৎ ওয়েব পেজের অন্য অংশগুলোর কার্যক্রমকে থামানো ছাড়াই ডেটা রিট্রিভ করা যায়।
ASP.Net এ AJAX ব্যবহার করার জন্য কিছু গুরুত্বপূর্ণ কনট্রোল এবং কৌশল রয়েছে, যেগুলি ডেটা ইন্টারঅ্যাকশনকে আরও সহজ এবং দ্রুততর করে তোলে। ASP.Net AJAX ব্যবহার করার জন্য মূলত ASP.Net AJAX Control Toolkit বা jQuery ব্যবহার করা হয়।
ASP.Net AJAX Controls ব্যবহার করে পেজের অংশবিশেষ আপডেট করা যায়। এগুলি কন্ট্রোলার এবং সার্ভার সাইড ইভেন্টগুলোকে সহজভাবে AJAX মাধ্যমে পরিচালনা করতে সাহায্য করে।
UpdatePanel একটি বিশেষ কন্ট্রোল যা AJAX ব্যবহারে পেজের একাংশকে রিফ্রেশ করতে সাহায্য করে। এতে পুরো পেজ রিফ্রেশ না করে কেবল নির্দিষ্ট অংশ আপডেট করা যায়।
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="This is AJAX demo." />
<asp:Button ID="Button1" runat="server" Text="Click Me" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
Code-behind (C#):
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "The button was clicked!";
}
এখানে UpdatePanel ব্যবহার করে শুধুমাত্র Label এবং Button অংশটি আপডেট করা হবে, পুরো পেজটি রিফ্রেশ হবে না।
ScriptManager একটি কন্ট্রোল যা ASP.Net অ্যাপ্লিকেশনে AJAX ফিচার চালু করে। এটি সার্ভার-সাইড স্ক্রিপ্ট এবং ক্লায়েন্ট-সাইড স্ক্রিপ্টের মধ্যে যোগাযোগ স্থাপন করে।
<asp:ScriptManager ID="ScriptManager1" runat="server" />
এটি কার্যকরভাবে অ্যাপ্লিকেশনের জন্য AJAX কার্যকারিতা সক্ষম করে।
ASP.Net অ্যাপ্লিকেশনে jQuery ব্যবহার করে AJAX ক্রিয়াকলাপ আরও সহজ করা যায়। jQuery.ajax() ফাংশন ব্যবহার করে অ্যাসিঙ্ক্রোনাস HTTP রিকোয়েস্ট পাঠানো হয় এবং সার্ভার থেকে ডেটা প্রাপ্তি এবং প্রক্রিয়াকরণ করা হয়।
<button id="btnGetData">Get Data</button>
<div id="result"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btnGetData").click(function(){
$.ajax({
url: '/Home/GetData', // সার্ভারে পাঠানোর URL
type: 'GET',
success: function(response){
$("#result").html(response); // সার্ভার থেকে প্রাপ্ত ডেটা দেখানো
},
error: function(){
alert("Error occurred while fetching data.");
}
});
});
});
</script>
Code-behind (C#):
public ActionResult GetData()
{
return Content("This is the data returned by the server.");
}
এখানে, যখন "Get Data" বাটনে ক্লিক করা হবে, তখন AJAX কল GetData অ্যাকশনকে সার্ভারে পাঠাবে এবং সার্ভার থেকে প্রাপ্ত ডেটা result ডিভে প্রদর্শিত হবে।
AJAX হল একটি শক্তিশালী প্রযুক্তি যা ওয়েব পেজের পারফরম্যান্স উন্নত করে এবং ব্যবহারকারীর ইন্টারঅ্যাকশনকে আরও গতিশীল করে তোলে। ASP.Net এ AJAX ব্যবহার করলে ওয়েব অ্যাপ্লিকেশনগুলো দ্রুত, ইন্টারঅ্যাকটিভ এবং কম সময়ের মধ্যে সাড়া দিতে সক্ষম হয়। UpdatePanel ও jQuery AJAX দুটি প্রধান উপায় যার মাধ্যমে ASP.Net অ্যাপ্লিকেশনগুলিতে AJAX কার্যকারিতা ইনক্লুড করা হয়।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
