CORS સાથે jquery ajax નો ઉપયોગ કરવામાં મુખ્ય સમસ્યા એ છે કે Ajax વિનંતી એ જ ડોમેનમાંથી કરવામાં આવશે જે પૃષ્ઠ પર jquery ajax કૉલ મૂકવામાં આવ્યો છે. આનો અર્થ એ છે કે જો પૃષ્ઠ કે જેના પર jquery ajax કૉલ મૂકવામાં આવ્યો છે તેની પોતાની CORS નીતિ છે, તો Ajax વિનંતીને ડોમેન સીમાઓ પાર કરવાની મંજૂરી આપવામાં આવશે નહીં.
$.ajax({ url: 'http://example.com/api/v1/users', type: 'GET', dataType: 'json', xhrFields: { withCredentials: true }, headers: { 'Authorization':'Basic YWRtaW46YWRtaW4=' }, success: function(response) { console.log(response); } });
આ કોડ url 'http://example.com/api/v1/users' ને GET વિનંતી કરવા માટે jQuery ajax ફંક્શનનો ઉપયોગ કરે છે. dataType json પર સેટ કરેલ છે, જે jQuery ને જવાબને json તરીકે પાર્સ કરવા કહે છે. xhrFields અને હેડર વિકલ્પોનો ઉપયોગ XMLHttpRequest ઑબ્જેક્ટ પર withCredentials ફ્લેગ સેટ કરવા અને અનુક્રમે અધિકૃત હેડર સેટ કરવા માટે થાય છે. અંતે, જો વિનંતી સફળ થાય તો સક્સેસ ફંક્શન કહેવામાં આવે છે, અને તે કન્સોલ પર પ્રતિસાદ છાપે છે.
પુનઃદિશામાન
રીડાયરેક્ટ એ એક વિશિષ્ટ પ્રકારની લિંક છે જે બ્રાઉઝરને વપરાશકર્તાને અલગ પૃષ્ઠ અથવા સ્થાન પર લઈ જવા માટે કહે છે. $.redirect() ફંક્શનનો ઉપયોગ કરીને રીડાયરેક્ટ બનાવી શકાય છે.
સરળ રીડાયરેક્ટ બનાવવા માટે, નીચેના કોડનો ઉપયોગ કરો:
$(દસ્તાવેજ).ready(function() { $.redirect(“http://www.example.com/”); });
આ કોડ http://www.example.com/ પર રીડાયરેક્ટ બનાવશે. કાયમી અથવા અસ્થાયી રીડાયરેક્ટ બનાવવા માટે તમે $.redirect() ફંક્શનનો પણ ઉપયોગ કરી શકો છો. અસ્થાયી રીડાયરેક્ટ બનાવવા માટે, નીચેના કોડનો ઉપયોગ કરો:
$(દસ્તાવેજ).ready(function() { $.redirect(“http://www.example2.com/”, true); });
આ કોડ એક અસ્થાયી રીડાયરેક્ટ બનાવશે જે 5 સેકન્ડ પછી સમાપ્ત થઈ જશે. કાયમી રીડાયરેક્ટ બનાવવા માટે, નીચેના કોડનો ઉપયોગ કરો:
$(દસ્તાવેજ).ready(function() { $.redirect(“http://www.example3.com/”, true); });
વેબ પૃષ્ઠોને રીડાયરેક્ટ કરો
jQuery માં વેબ પૃષ્ઠોને રીડાયરેક્ટ કરવાની કેટલીક રીતો છે. એક રીત છે $.redirect() ફંક્શનનો ઉપયોગ કરવો. આ ફંક્શન બે દલીલો લે છે: રીડાયરેક્ટ કરવા માટેનું URL અને કૉલબેક ફંક્શન કે જેને રીડાયરેક્ટ પૂર્ણ થવા પર કૉલ કરવામાં આવશે. કૉલબેક ફંક્શન કાં તો રીડાયરેક્ટ ન થવું જોઈએ તે દર્શાવવા માટે ખોટા પરત કરી શકે છે અથવા તે એક નવું URL પરત કરી શકે છે જેનો ઉપયોગ મૂળ URL ને બદલે થવો જોઈએ.
jQuery માં વેબ પૃષ્ઠોને રીડાયરેક્ટ કરવાની બીજી રીત છે $.ajax() ફંક્શનનો ઉપયોગ કરવો. આ ફંક્શન બે દલીલો લે છે: તમે જે પૃષ્ઠને રીડાયરેક્ટ કરવા માંગો છો તેનું url અને વિનંતિ કેવી રીતે કરવી જોઈએ તે વિશે વિવિધ સેટિંગ્સ ધરાવતો વિકલ્પ ઑબ્જેક્ટ. વિકલ્પો ઑબ્જેક્ટમાં એક પ્રકારની મિલકતનો સમાવેશ થાય છે, જે ક્યાં તો "GET" અથવા "POST" પર સેટ કરી શકાય છે. જો પ્રકાર "GET" પર સેટ કરેલ હોય, તો વિનંતી GET પરિમાણોનો ઉપયોગ કરીને કરવામાં આવશે, જ્યારે પ્રકાર "POST" પર સેટ કરેલ હોય, તો વિનંતી POST પરિમાણોનો ઉપયોગ કરીને કરવામાં આવશે.
આ બંને પદ્ધતિઓ તમને પૃષ્ઠના કયા ભાગોને તમે રીડાયરેક્ટ કરવા માંગો છો તે સ્પષ્ટ કરવા દે છે, તેમજ જ્યારે રીડાયરેક્ટ પૂર્ણ થાય ત્યારે કયા કૉલબેક ફંક્શનને કૉલ કરવો જોઈએ.
