jQuery আজাক্স সাফল্য কলব্যাক ফাংশন সংজ্ঞা

Question 1

আমি একটি সার্ভার থেকে ডেটা পুনরুদ্ধার করতে jQuery আজাক্স ব্যবহার করতে চাই।

আমি .ajax()নিম্নলিখিতটির মতো সাফল্যের কলব্যাক ফাংশন সংজ্ঞাটি ব্লকের বাইরে রাখতে চাই। সুতরাং আমি কি dataFromServerনিম্নলিখিতগুলির মতো ভেরিয়েবলটি প্রকাশ করার দরকার নেই যাতে আমি সাফল্য কলব্যাক থেকে ফিরে আসা ডেটা ব্যবহার করতে সক্ষম হব?

আমি বেশিরভাগ লোককে .ajax()ব্লকের ভিতরে সাফল্য কলব্যাক সংজ্ঞায়িত করতে দেখেছি । তাহলে কি আমি যদি বাইরে সাফল্য কলব্যাক সংজ্ঞায়িত করতে চাই তবে নীচের কোডটি সঠিক?

var dataFromServer;  //declare the variable first

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData(dataFromServer)
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

Question 2

শুধু ব্যবহার করুন:

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

successসম্পত্তি একটি ক্রিয়ায় শুধু মাত্র একটি রেফারেন্স প্রয়োজন, এবং এই ফাংশন প্যারামিটার হিসাবে তথ্য প্রেরণ করা হয়।

handleDataউপায় handleDataঘোষিত হওয়ার কারণে আপনি নিজের ফাংশনটিতে এটি অ্যাক্সেস করতে পারেন । জাভাস্ক্রিপ্ট এটি চালানোর আগে আপনার কোডটিকে ফাংশন ঘোষণার জন্য বিশ্লেষণ করবে, সুতরাং আপনি আসল ঘোষণার আগে কোডটিতে ফাংশনটি ব্যবহার করতে সক্ষম হবেন। এটি উত্তোলন হিসাবে পরিচিত ।

এটি এর মতো ঘোষিত ফাংশনগুলির জন্য গণনা করে না, যদিও:

var myfunction = function(){}

এগুলি কেবল তখন উপলব্ধ হয় যখন দোভাষী তাদের পাস করেন।

কার্যকারিতা ঘোষণা করার 2 উপায় সম্পর্কে আরও তথ্যের জন্য এই প্রশ্নটি দেখুন

Question 3

JQuery 1.5 (জানুয়ারী 2011) থেকে এটি করার "নতুন" উপায় হ'ল successকলব্যাক পাস করার পরিবর্তে পিছিয়ে থাকা বস্তুগুলি ব্যবহার করা । আপনার ফলাফলটি ফিরে আসা উচিত $.ajaxএবং তারপরে কলটির বাইরে কলব্যাক যুক্ত করতে .done, .failইত্যাদি পদ্ধতি ব্যবহার করা উচিত ।$.ajax

function getData() {
    return $.ajax({
        url : 'example.com',
        type: 'GET'
    });
}

function handleData(data /* , textStatus, jqXHR */ ) {
    alert(data);
    //do some stuff
}

getData().done(handleData);

এটি আজাক্স হ্যান্ডলিং থেকে কলব্যাক হ্যান্ডলিংকে ডিউপল করে, আপনাকে মূল getData()ফাংশনটি পরিবর্তন করার প্রয়োজন ছাড়াই একাধিক কলব্যাকস, ব্যর্থতা কলব্যাকস, ইত্যাদি যোগ করতে দেয় । কাজগুলির সেটটি পরে শেষ হওয়ার পরে এজেএক্স কার্যকারিতা পৃথক করা ভাল জিনিস! ।

ডিফার্ডগুলি একাধিক অ্যাসিনক্রোনাস ইভেন্টগুলির অনেক সহজ সিঙ্ক্রোনাইজেশনের জন্যও মঞ্জুরি দেয়, যা আপনি সহজেই কেবল এর মাধ্যমে করতে পারবেন না success:

উদাহরণস্বরূপ, আমি একাধিক কলব্যাক যোগ করতে পারি, একটি ত্রুটি হ্যান্ডলার, এবং চালিয়ে যাওয়ার আগে টাইমারটির জন্য অপেক্ষা করতে পারি:

// a trivial timer, just for demo purposes -
// it resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);

// add a done handler _and_ an `error:` handler, even though `getData`
// didn't directly expose that functionality
var ajax = getData().done(handleData).fail(error);

$.when(timer, ajax).done(function() {
    // this won't be called until *both* the AJAX and the 5s timer have finished
});

ajax.done(function(data) {
    // you can add additional callbacks too, even if the AJAX call
    // already finished
});

JQuery এর অন্যান্য অংশগুলি মুলতুবি বস্তু ব্যবহার করে - আপনি jQuery অ্যানিমেশনগুলিকে খুব সহজেই অন্যান্য async ক্রিয়াকলাপগুলির সাথে তাদের সাথে সিঙ্ক্রোনাইজ করতে পারেন।

Question 4

আপনি স্ক্রিপ্টের বাইরে কেন প্যারামিটার সংজ্ঞায়িত করছেন তা আমি জানি না। তা অপ্রয়োজনীয়। আপনার কলব্যাক ফাংশনটি স্বয়ংক্রিয়ভাবে প্যারামিটার হিসাবে রিটার্ন ডেটার সাথে কল করা হবে। বাইরে আপনার কলব্যাক নির্ধারণ করতে খুবই সম্ভব sucess:অর্থাত

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

হ্যান্ডেলডাটা ফাংশনটি কল করা হবে এবং এজ্যাক্স ফাংশন দ্বারা প্যারামিটারটি এতে প্রেরণ করা হবে।

Question 5

আপনার সাফল্যের হ্যান্ডেলারটি এখানে আবার লেখার চেষ্টা করুন:

success : handleData

এজ্যাক্স পদ্ধতির সাফল্যের সম্পত্তিটির জন্য কেবল কোনও ক্রিয়াকলাপের রেফারেন্স প্রয়োজন।

আপনার হ্যান্ডেল ডেটা ফাংশনে আপনি 3 টি পরামিতি নিতে পারেন:

object data
string textStatus
jqXHR jqXHR

Question 6

আমি লিখব:

var handleData = function (data) {
    alert(data);
    //do some stuff
}


function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

Question 7

আপনার ভেরিয়েবলটি ঘোষণা করার দরকার নেই। অ্যাজাক্স সাফল্যের ফাংশনটি স্বয়ংক্রিয়ভাবে 3 টি পরামিতি অবধি নেয়:Function( Object data, String textStatus, jqXHR jqXHR )

Question 8

কয়েক ঘন্টা পরে এটি খেলে এবং প্রায় নিস্তেজ হয়ে যায়। অলৌকিক ঘটনা আমার কাছে এসেছিল, এটি কাজ করে।

<pre>


var listname = [];   


 $.ajax({
    url : wedding, // change to your local url, this not work with absolute url
    success: function (data) {
       callback(data);
    }
});

function callback(data) {
      $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
             //   $('#displayImage1').append( "<img src='" + wedding + val +"'>" );
                 listname.push(val);
            } 
        });
}

function myfunction() {

alert (listname);

}

</pre>

Question 9

আপনার উপাদান যেমন কৌণিক জেএস কোড:

function getData(){
    window.location.href = 'http://localhost:1036/api/Employee/GetExcelData';
}