জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি post() মেথড


« জেকুয়েরি অ্যাজাক্স মেথডসমূহ


সংজ্ঞা এবং ব্যবহার

HTTP POST রিকুয়েস্ট ব্যবহার করে $.post() মেথড সার্ভার থেকে ডাটা লোড করি।


সিনট্যাক্স ও ব্যাখ্যা

$(selector).post(URL,data,function(data,status,xhr),dataType)

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে post() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
URL আবশ্যক। রিকুয়েস্ট পাঠানোর URL কে নির্দেশ করে।
data ঐচ্ছিক। রিকুয়েস্টের সাথে সার্ভারে পাঠানো ডাটাকে নির্দেশ করে।
function(data,status,xhr) ঐচ্ছিক। রিকুয়েস্ট সফল হলে একটি ফাংশন রান হতে নির্দেশ করে।
অতিরিক্ত প্যারামিটারসমুহ:
  • data - রিকুয়েস্টের মাধ্যমে প্রাপ্ত ফলাফল ধারণ করে
  • status - রিকুয়েস্টের স্ট্যাটাস ধারণ করে (success, notmodified, error, timeout, অথবা parsererror)
  • xhr - XMLHttpRequest অবজেক্ট ধারণ করে
dataType ঐচ্ছিক। সার্ভার রেস্পন্সে কাঙ্খিত ডাটা টাইপ নির্দেশ করে।
ডিফল্টভাবে জেকুয়েরি স্বয়ংক্রিয়ভাবে একটি ধারনা করে নেয়।
সম্ভাব্য টাইপগুলো হলো:
  • xml - একটি XML ডকুমেন্ট
  • html - HTML প্লেইন টেক্সট হিসেবে
  • text - একটি প্লেইন টেক্সট স্ট্রিংন
  • script - জাভাস্ক্রিপ্ট হিসেবে রেস্পন্সটি রান হয় এবং একে প্লেইন টেক্সট হিসেবে রিটার্ন করে।
  • json - জেসন হিসেবে রেস্পন্সটি রান হয় এবং একে জাভাস্ক্রিপ্ট অবজেক্ট হিসেবে রিটার্ন করে।
  • jsonp - JSONP ব্যবহার করে JSON ব্লকে লোড হয়। কলব্যাককে নির্দেশ করতে URL এ ?callback=? যোগ করবে

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        $.post("demo_test_post.php",
        {
          name: "জিহাদুল ইসলাম",
          city: "চাঁদপুর"
        },
        function(data,status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>
</head>
<body>

<button>একটি পেজে HTTP POST রিকোয়েস্ট পাঠান, এবং রেজাল্ট ফেরত পান</button>

</body>
</html>

ফলাফল




উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("input").keyup(function(){
        var txt = $("input").val();
        $.post("demo_ajax_gethint.php", {suggest: txt}, function(result){
            $("span").html(result);
        });
    });
});
</script>
</head>
<body>

<p>নিচের ইনপুট ফিল্ডে একটি নাম লিখি:</p>
<input type="text">
<p>পরামর্শঃ <span></span></p>
</body>
</html>

ফলাফল




« জেকুয়েরি অ্যাজাক্স মেথডসমূহ