jQuery Get() அறிமுகம்

இந்நாட்டு வெப்சைட் பயன்பாட்டின் போது, சர்வர் தரவுகளை எளிதாக பெற jQuery இன் get() செயல்பாடு மிகவும் உதவியாக இருக்கும். இந்த செயல்பாடு HTTP GET கோரிக்கையைப் பயன்படுத்தி ஒரு URL இல் இருந்து தரவுகளைப் பெறுகிறது. இது பொதுவாக சின்ன, எளிய, மற்றும் அனாயாசமான முறையில் தரவுகளை சர்வரிடமிருந்து பெற பயன்படுகிறது.

jQuery Get() செயல்பாடு

jQuery இல் get() செயல்பாடு ஒரு URL இல் இருந்து JSON, XML, HTML போன்ற எந்த ஒரு வடிவத்தில் வேண்டுமானாலும் தரவுகளைப் பெற முடியும்.

செயல்பாட்டு வடிவம்:

$.get(URL, function (data, status) {
    // code to handle the data
});

இங்கு,

URL என்பது தரவுகளைப் பெறவேண்டிய முகவரி.
data என்பது கோரிக்கைக்கு திரும்ப வரும் தரவுகள்.
status என்பது கோரிக்கையின் நிலை (உதாரணமாக: “success”, “error”).

எடுத்துக்காட்டு:

<!DOCTYPE html>
<html>
<head>
    <title>jQuery Get() உதாரணம்</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h2>jQuery Get() உதாரணம்</h2>
    <button id="getData">தரவைப் பெற</button>
    <p id="result"></p>

    <script>
        $(document).ready(function(){
            $("#getData").click(function(){
                $.get("sample.txt", function(data, status){
                    $("#result").html(data);
                });
            });
        });
    </script>
</body>
</html>

விளக்கம்:

பக்கத்தில் ஒரு பட்டன் மற்றும் டேக் உள்ளது.
“தரவைப் பெற” என்ற பட்டனை சொடுக்கியவுடன், sample.txt என்ற கோப்பில் உள்ள தரவுகளைப் பெறவும், அதை டேக்கில் காண்பிக்கவும் get() பயன்படுத்தப்படுகிறது.

`get()` உடன் பைனரி மற்றும் JSON தரவுகள்

நாம் JSON வடிவத்தில் தரவுகளைப் பெறலாம். எடுத்துக்காட்டாக:

$.get("data.json", function(data, status){
    console.log(data);
});

இங்கு data.json என்ற கோப்பில் உள்ள JSON தரவுகளை சர்வர் இருந்து பெறுகின்றோம்.

முடிவு

jQuery இன் get() செயல்பாடு HTTP கோரிக்கைகளை எளிதாக்க, வாடிக்கையாளர்களின் அனுபவத்தை மேம்படுத்தும் ஒரு சிறந்த முறையாகும். இது குறைந்த குறியீடு, மற்றும் விரைவான செயல்பாடுகளை வழங்குகிறது.