Извлечение XML данных из API .asmx (который находится на сервере) на веб-страницу в обычном редактируемом / табличном формате - PullRequest
Новая
       33

Извлечение XML данных из API .asmx (который находится на сервере) на веб-страницу в обычном редактируемом / табличном формате

0 голосов
/ 05 апреля 2020

Я новичок в API. У меня есть сайт курьера клиента. Теперь нам нужно показать детали отслеживания на веб-сайте из программного обеспечения отслеживания клиента. Он предоставляет следующую информацию -

Для API веб-отслеживания используйте следующий URL-адрес веб-службы -

http://db1...com: 8080 / WEB_API / awb_ref_query.asmx

Используйте метод awb_ref_query_ xml для отслеживания одной накладной. Передайте следующие четыре параметра, чтобы получить результат.

a. Авианакладная № б. введите
c. Идентификатор пользователя d. Пароль

Теперь проблема в том, что мы будем применять стиль к xml данным перед загрузкой этих данных на веб-страницу. (xml данные находятся на сервере, и мы не будем сохранять их на локальном p c для применения стиль до xml данных). Как это сделать?

Я пробовал следующий код, которым я хотел бы поделиться - 

<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">


<script>
function myFunction() {
  alert("Page is loaded");
}
</script>


<script type ="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
    $.ajax({
    type:"GET",
    url:"new_4.xml", //here I would like to enter the provided asmx link and where/how to pass parameters
    dataType:"xml",
    success: xmlParser
    });
});

function xmlParser(xml){
    $('#load').fadeOut();
    $(xml).find("Scan_Detail").each(function(){
    $('#container').append('<div class ="Scan_Detail"><div class ="Progress"><div class ="Progress_Date">'+ 
    $(this).find("Progress").text() +
    $(this).find("Delivered_Undelivered").text() + 
    $(this).find("Progress_Date").text() + '</div></div></div>');
    });
}
</script>
</head>


<body onload="myFunction()">

<div id ="container">
    <!--load xml data file-->
    <Form action="http://db1...com:8080/WEB_API/awb_ref_query.asmx/awb_ref_query_xml" method="post" target="_blank">
    <!--input type="text" id="str_awb_refno" name="str_awb_refno" placeholder="Enter Your Track ID" required=""-->
    <input type="hidden" id="str_awb_refno" name="str_awb_refno" value="160230230">
    <input type="hidden" id="str_awb_refno_type" name="str_awb_refno_type" value="AWB">
    <input type="hidden" id="str_userid" name="str_userid" value="testapi">
    <input type="hidden" id="str_pwd" name="str_pwd" value="testapi">
    <button type="submit" value="Submit" class="theme-btn btn-style-three" onclick="xmlParser(xml)">Search Now</button>
    <!--load xml data file-->
</div>
</body>
</html>

//by this code we can only fetch xml data from the server but couldn't convert it in tabular format before show on the web-page

Есть ли какая-либо синтаксическая ошибка в коде ajax или функции xmlParser (xml)? Есть ли другой метод? (применение стиля к xml данным без сохранения xml файла данных на p c)

Пожалуйста, сообщите нам. Спасибо

...