জয়েন লগইন

জেকুয়েরী

🌈জেকুয়েরী কি?

📋জেকুয়েরী হলো 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 রিকোয়েস্ট পাঠানো উদাহরণ।

jquery
<!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 সেটআপ নির্ধারণ করার উদাহরণ।

jquery
<!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 রিকোয়েস্ট পাঠানো উদাহরণ।

jquery
<!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 ডেটা সংগ্রহ করার উদাহরণ।

jquery
<!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 ফাইল লোড করার উদাহরণ।

jquery
<!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 - ডেটা ব্যবহারযোগ্য করার উদাহরণ।

jquery
<!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 রিকোয়েস্ট পাঠানো উদাহরণ।

jquery
<!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 - রিকোয়েস্ট সম্পন্ন হলে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - রিকোয়েস্ট ব্যর্থ হলে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - রিকোয়েস্ট পাঠানোর আগে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - রিকোয়েস্ট শুরু হলে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - রিকোয়েস্ট শেষ হলে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - রিকোয়েস্ট সফল হলে ইভেন্ট পরিচালনা করার উদাহরণ।

jquery
<!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 - ডেটা লোড করার উদাহরণ।

jquery
<!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 - ডেটা সিরিয়ালাইজ করার উদাহরণ।

jquery
<!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 - ডেটা সিরিয়ালাইজ অ্যারে তৈরি করা উদাহরণ।

jquery
<!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 ডেটা সিরিয়ালাইজ অ্যারে তৈরি করা ব্যবহৃত হয়।