জেকুয়েরী
🌈জেকুয়েরী কি?
📋জেকুয়েরী হলো AJAX রিকোয়েস্ট পরিচালনা করার পদ্ধতি।
⚒️জেকুয়েরী AJAX রিকোয়েস্ট পরিচালনা করতে ব্যবহৃত হয়।
জেকুয়েরী সমূহ
জেকুয়েরী এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ ajax - HTTP রিকোয়েস্ট পাঠানো
- ➡️ ajaxSetup - AJAX সেটআপ নির্ধারণ করা
- ➡️ get - HTTP GET রিকোয়েস্ট পাঠানো
- ➡️ getJSON - JSON ডেটা সংগ্রহ করা
- ➡️ getScript - JavaScript ফাইল লোড করা
- ➡️ param - ডেটা ব্যবহারযোগ্য করা
- ➡️ post - HTTP POST রিকোয়েস্ট পাঠানো
- ➡️ ajaxComplete - রিকোয়েস্ট সম্পন্ন হলে ইভেন্ট পরিচালনা করা
- ➡️ ajaxError - রিকোয়েস্ট ব্যর্থ হলে ইভেন্ট পরিচালনা করা
- ➡️ ajaxSend - রিকোয়েস্ট পাঠানোর আগে ইভেন্ট পরিচালনা করা
- ➡️ ajaxStart - রিকোয়েস্ট শুরু হলে ইভেন্ট পরিচালনা করা
- ➡️ ajaxStop - রিকোয়েস্ট শেষ হলে ইভেন্ট পরিচালনা করা
- ➡️ ajaxSuccess - রিকোয়েস্ট সফল হলে ইভেন্ট পরিচালনা করা
- ➡️ load - ডেটা লোড করা
- ➡️ serialize - ডেটা সিরিয়ালাইজ করা
- ➡️ serializeArray - ডেটা সিরিয়ালাইজ অ্যারে তৈরি করা
ajax - HTTP রিকোয়েস্ট পাঠানো উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({url: "/api/document.txt", success: function(result){
$("p").html(result);
}});
});
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p></p>
</body>
</html>
ajaxSetup - AJAX সেটআপ নির্ধারণ করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajaxSetup({url: "/api/document.txt", success: function(result){
$("p").html(result);
}});
$.ajax();
});
});
</script>
</head>
<body>
<button>পরিবর্তন করতে ক্লিক করুন</button>
<p>হ্যালো বিশ্ব</p>
</body>
</html>
get - HTTP GET রিকোয়েস্ট পাঠানো উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/api/document.txt", function(data, status){
alert("Data: " + data + "
Status: " + status);
});
});
});
</script>
</head>
<body>
<button>তথ্য সংগ্রহ করুন</button>
</body>
</html>
getJSON - JSON ডেটা সংগ্রহ করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("/api/users.json", function(data){
$("div").html(JSON.stringify(data));
});
});
});
</script>
</head>
<body>
<button>ডেটা সংগ্রহ করুন</button>
<div></div>
</body>
</html>
getScript - JavaScript ফাইল লোড করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getScript("/api/example.js", function(){
$("p").html("স্ক্রিপ্ট লোড হয়েছে");
});
});
});
</script>
</head>
<body>
<button>স্ক্রিপ্ট লোড করুন</button>
<p></p>
</body>
</html>
param - ডেটা ব্যবহারযোগ্য করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var data = {name: "আরিফ", age: 25};
$("p").html($.param(data));
});
});
</script>
</head>
<body>
<button>প্যারামিটার তৈরি করুন</button>
<p></p>
</body>
</html>
post - HTTP POST রিকোয়েস্ট পাঠানো উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/api/document.php", {name: "আরিফ"}, function(data){
$("p").html(data);
});
});
});
</script>
</head>
<body>
<button>ডেটা পাঠান</button>
<p></p>
</body>
</html>
ajaxComplete - রিকোয়েস্ট সম্পন্ন হলে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxComplete(function(){
$("p").html("রিকোয়েস্ট সম্পন্ন হয়েছে");
});
$("button").click(function(){
$.get("/api/document.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
ajaxError - রিকোয়েস্ট ব্যর্থ হলে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxError(function(){
$("p").html("রিকোয়েস্ট ব্যর্থ হয়েছে");
});
$("button").click(function(){
$.get("/api/not-found.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
ajaxSend - রিকোয়েস্ট পাঠানোর আগে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxSend(function(){
$("p").html("রিকোয়েস্ট পাঠানো হচ্ছে");
});
$("button").click(function(){
$.get("/api/document.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
ajaxStart - রিকোয়েস্ট শুরু হলে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxStart(function(){
$("p").html("রিকোয়েস্ট শুরু হয়েছে");
});
$("button").click(function(){
$.get("/api/document.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
ajaxStop - রিকোয়েস্ট শেষ হলে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxStop(function(){
$("p").html("সব রিকোয়েস্ট সম্পন্ন হয়েছে");
});
$("button").click(function(){
$.get("/api/document.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
ajaxSuccess - রিকোয়েস্ট সফল হলে ইভেন্ট পরিচালনা করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxSuccess(function(){
$("p").html("রিকোয়েস্ট সফল হয়েছে");
});
$("button").click(function(){
$.get("/api/document.txt");
});
});
</script>
</head>
<body>
<button>রিকোয়েস্ট পাঠান</button>
<p></p>
</body>
</html>
load - ডেটা লোড করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").load("/api/document.txt");
});
});
</script>
</head>
<body>
<button>কনটেন্ট লোড করুন</button>
<p></p>
</body>
</html>
serialize - ডেটা সিরিয়ালাইজ করার উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").html($("form").serialize());
});
});
</script>
</head>
<body>
<form>
<input type="text" name="name" value="আরিফ">
<input type="email" name="email" value="arif@example.com">
</form>
<button></button>
<p></p>
</body>
</html>
serializeArray - ডেটা সিরিয়ালাইজ অ্যারে তৈরি করা উদাহরণ।
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var data = $("form").serializeArray();
$("p").html(JSON.stringify(data));
});
});
</script>
</head>
<body>
<form>
<input type="text" name="name" value="আরিফ">
<input type="email" name="email" value="arif@example.com">
</form>
<button>অ্যারে সংগ্রহ করুন</button>
<p></p>
</body>
</html>
জেকুয়েরী সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| ajax | HTTP রিকোয়েস্ট পাঠানো ব্যবহৃত হয়। |
| ajaxSetup | AJAX সেটআপ নির্ধারণ করতে ব্যবহৃত হয়। |
| get | HTTP GET রিকোয়েস্ট পাঠানো ব্যবহৃত হয়। |
| getJSON | JSON ডেটা সংগ্রহ করতে ব্যবহৃত হয়। |
| getScript | JavaScript ফাইল লোড করতে ব্যবহৃত হয়। |
| param | ডেটা ব্যবহারযোগ্য করতে ব্যবহৃত হয়। |
| post | HTTP POST রিকোয়েস্ট পাঠানো ব্যবহৃত হয়। |
| ajaxComplete | রিকোয়েস্ট সম্পন্ন হলে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| ajaxError | রিকোয়েস্ট ব্যর্থ হলে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| ajaxSend | রিকোয়েস্ট পাঠানোর আগে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| ajaxStart | রিকোয়েস্ট শুরু হলে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| ajaxStop | রিকোয়েস্ট শেষ হলে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| ajaxSuccess | রিকোয়েস্ট সফল হলে ইভেন্ট পরিচালনা করতে ব্যবহৃত হয়। |
| load | ডেটা লোড করতে ব্যবহৃত হয়। |
| serialize | ডেটা সিরিয়ালাইজ করতে ব্যবহৃত হয়। |
| serializeArray | ডেটা সিরিয়ালাইজ অ্যারে তৈরি করা ব্যবহৃত হয়। |