الدرر السنية - خدمة واجهة الموسوعة الحديثية API

كتب جديدة

خدمة واجهة الموسوعة الحديثية API

هي خدمة توفر لأصحاب المواقع والمنتديات عرض نتائج البحث في الموسوعة الحديثية في مواقعهم باستخدام تقنية json. ويمكن الاستفادة منها بعدة طرق، وفيما يلي مثالين لطريقتين:

الطريقة الأولى: باستخدام جافا سكريبت:

يمكن إجراء عملية البحث وعرض النتائج باستخدام JSONP وهذا المثال يستخدم مكتبة jQuery، ويمكن تقسيمه لثلاثة أقسام:

كود html: فورم بحث، وعنصر لعرض النتائج:

<body>

    <div id="page-wrap">
    
        <input type="text" id="skey" />
        <button onclick="check_hadith()" > Search </button>
        
        <div id="dorar">
                
        </div>
    </div>
            
</body>

جافا سكريبت:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

function check_hadith(){

    $.getJSON("http://dorar.net/dorar_api.json?skey=" + $("#skey").attr("value")
           + "&callback=?", function(data){

      $("#dorar").html("");
      $.each(data.ahadith, function(index, item){
        $("#dorar").append("<span class='result' >" + item.th + "</span>");
      });
    });
    
    
}
</script>

تنسيق العرض (استايل):

النتائج تحتوي style classes تسهل على المستخدم التحكم بتنسيق العرض بما يناسب موقعه

يمكن تحميل كود جاهز للعمل بهذه الطريقة من الرابط التالي http://dorar.net/files/dorar_json_api.js.zip

الطريقة الثانية: باستخدام php:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="k" />
  </label>
  <label>
  <input type="submit" name="button" id="button" value="Submit" />
  </label>
</form>
</body>
</html>

<?php

    $x = file_get_contents("http://dorar.net/dorar_api.json?skey=".
        $_POST['k']);
    
    $x = json_decode($x);
    
    print_r($x);

?>

يمكن تحميل كود جاهز للعمل بهذه الطريقة من الرابط التالي http://dorar.net/files/dorar_api.zip

في حال حدوث أي مشاكل في تركيب الخدمة يمكنكم التواصل مع الدعم الفني على البريد support@dorar.net