استخراج قيم معلمات URL في جافا سكريبت

للحصول على قيم معلمات URL والقيم المخزّنة بشكل نصي بعد علامة التجزئة (#) في جافا سكريبت، يمكنك استخدام العديد من الطرق، منها استخدام URLSearchParams للقيام بذلك بطريقة منظمة ومباشرة. هنا هو كيف يمكنك القيام بذلك:

javascriptCopy code
// الحصول على الرابط URL
var url = 'http://local.evibe-dash.in/tickets/123?ref=avl-error#10610';

// تقسيم الرابط إلى جزئين: الجزء الذي يحتوي على المعلمات والجزء الذي يحتوي على القيم بعد علامة التجزئة (#)
var urlParts = url.split('#');

// جزء الاستعلام يحتوي على المعلمات
var queryString = urlParts[0].split('?')[1];

// فحص ما إذا كان هناك قيم بعد علامة التجزئة #
var hashValue = urlParts[1] || '';

// استخدام URLSearchParams لتحليل المعلمات
var params = new URLSearchParams(queryString);

// الحصول على قيمة المعلمة ref
var var1 = params.get('ref');

// تحويل القيمة بعد علامة التجزئة # إلى رقم
var var2 = parseInt(hashValue);

// طباعة القيم للتحقق
console.log(var1); // سيطبع 'avl-error'
console.log(var2); // سيطبع 10610

هذا الكود يقوم بتقسيم الرابط إلى جزئين: الجزء الذي يحتوي على المعلمات والجزء الذي يحتوي على القيم بعد علامة التجزئة (#). ثم يستخدم URLSearchParams لتحليل المعلمات والحصول على القيم المرتبطة بها، ويحول القيمة المخزّنة بعد علامة التجزئة # إلى رقم باستخدام parseInt.

بعد أن قدمت لك الكود السابق للحصول على قيم معلمات URL والقيم المخزّنة بشكل نصي بعد علامة التجزئة (#) في جافا سكريبت، يمكننا التعمق أكثر في هذا الموضوع.

الطريقة التي تم استخدامها تعتبر أحدث تقنيات جافا سكريبت المتقدمة، ولكن لا تتوفر في كل المتصفحات بنفس الطريقة. لذلك، يمكنك استخدام هذا الكود بثقة في المشاريع التي تستهدف متصفحات حديثة. ولكن إذا كنت تريد دعم المتصفحات القديمة، قد تحتاج إلى استخدام بعض الطرق البديلة.

على سبيل المثال، إذا كنت تستهدف متصفحات قديمة أو تحتاج إلى حلاً أكثر استقرارًا وتوافقًا، فيمكنك استخدام مكتبة خارجية مثل jQuery لتسهيل هذه العملية. هناك طرق عديدة لتحقيق ذلك باستخدام jQuery، وهذا هو مثال بسيط:

javascriptCopy code
// استخدام jQuery للحصول على قيم المعلمات من الرابط
var url = 'http://local.evibe-dash.in/tickets/123?ref=avl-error#10610';

// الحصول على القيم المرتبطة بالمعلمات وبعلامة التجزئة #
var var1, var2;

$(document).ready(function() {
    // استخدام الدالة $.urlParam للحصول على قيمة المعلمة ref
    var1 = $.urlParam('ref', url);

    // الحصول على القيمة بعد علامة التجزئة #
    var2 = url.split('#')[1];
});

// دالة تقوم بإرجاع قيمة المعلمة المطلوبة من الرابط
$.urlParam = function(name, url){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(url);
    return results[1] || 0;
};

// طباعة القيم للتحقق
console.log(var1); // سيطبع 'avl-error'
console.log(var2); // سيطبع '10610'

هذا الكود يستخدم مكتبة jQuery لتبسيط عملية الحصول على قيم المعلمات من الرابط. يستخدم الدالة $.urlParam للقيام بذلك، ويستخدم url.split('#')[1] للحصول على القيمة بعد علامة التجزئة #.

بهذه الطرق، يمكنك الحصول على قيم المعلمات والقيم المخزّنة بشكل نصي بعد علامة التجزئة # في عدة طرق مختلفة، اختر الطريقة التي تناسب متطلبات مشروعك وتوجيهاتك البرمجية.