Bonjour,

Je rencontre un souci avec un appel à un webservice que je veux reprendre avec javascript/Ajax et que j'ai déjà développé avec ASP.NET (où il fonctionne parfaitement bien).
Par contre, avec javascript, je rencontre toujours la même erreur que je n'arrive pas à passer... :

POST http://XXX.XXX.XXX.XXX:7002/APP_NAME_WS/ net::ERR_CONNECTION_TIMED_OUT
Ce que l'on me demande :
- Appel du webservice sur une adresse IP et sur un port précis (7002).
- Le webservice appelé n'est pas hébergé chez moi (c'est un domaine différent)
- Pas d'authentification requise (c'est mon adresse IP qui est la seule autorisée en face)
- Je dois envoyer des données obligatoirement dans un ordre et format bien précis, avec la méthode "POST" (voir exemple ci-dessous)
Les données à envoyer en POST doivent être sous cette forme => une chaîne de caractères avec les valeurs séparées par des retours chariot (vbCrLf en ASP.NET).

Du coup, j'ai monté une page de tests pour isoler le code :


Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tests</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&amp;display=swap" rel="stylesheet" /><link href="/fontawesome/fontawesome5121/css/all.css" rel="stylesheet" />
    <style type="text/css">body {font-size:.9em;font-weight:400;font-family:'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}</style>
</head>
<body>
    <form method="post" action="./jajx-tests.html" id="form1" style="text-align:center">
 
 
        <div id="produit_tarif_1" style="margin-top:20px">
            <div style="padding-bottom: 20px;font-size: 2em;color: #177ab5;">webservice v1 - Essais</div>
            <div><label id="t_label_1">Aucune donnée pour le moment</label></div>
            <div id="dWait"><img src="/img/loader-006.gif" alt="Loading..." style="width:100px" /><br />
                <span style="opacity:.2"><i class="fas fa-hourglass-half"></i> Tentative d'appel du webservice en cours...</span>
            </div>
        </div>
 
        <div id="debug_ws" style="padding:20px;font-size:11px;color: #0ca5ff;display: inline-block;background-color: #ececec;margin-top: 20px;border-radius: 0;">
            <label id="lbl_debug_ws"></label>
        </div>
 
        <script  type='text/javascript'>
      
            // Préparation des données à envoyer
            var separ = String.fromCharCode(13) + String.fromCharCode(10); //"\r\n";
            var formVars = '1' + separ;
            formVars = formVars + '01' + separ;
            formVars = formVars + '0000001' + separ;
            formVars = formVars + 'REF00010000000000' + separ;
            formVars = formVars + '1' + separ;
            formVars = formVars + '001' + separ;
            formVars = formVars + '01' + separ;
            // Debug
            console.log(formVars);
            // Fonctions
            function write_log(n) { $('#lbl_debug_ws').empty().append('<i class="fas fa-info-circle"></i> ' + n); }
            function show_loader() { $("#dWait").css({ display: "block" }); }
            function hide_loader() { $("#dWait").css({ display: "none" }); }
            hide_loader();
                        // Début...
            $(document).ready(function () { 
                $("#form1").ajaxStart(function () {
                    console.log("L'appel AJAX est lancé....");
                    write_log("L'appel AJAX est lancé....");
                    show_loader();
                });
                $("#form1").ajaxSuccess(function(){
                    console.log("L'appel AJAX a réussi !");
                    write_log("L'appel AJAX a réussi !");
                    hide_loader();
                });
                $("#form1").ajaxError(function () {
                    console.log("L'appel AJAX a échoué.");
                    write_log("L'appel AJAX a échoué. Consultez la console pour en savoir plus.");
                    hide_loader();
                });
                $.ajaxSetup({
                    async: true,
                    headers: {          
                        'Accept': '*/*',         
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'Authorization': 'none'
                    }
                });            
                $.ajax({
                    url: 'http://XXX.XXX.XXX.XXX:7002/APP_NAME_WS',
                    type: 'POST', 
                    dataType: 'text',
                    data: formVars,
                    // crossDomain: true,
                    timeout: 5000,
                    cache: false,
                    withCredentials: false,
                    success : function(code_html, statut){ 
                        console.log('succès : ' + statut);
                    },
                    error : function(resultat, statut, erreur){
                        console.log('error : ' + erreur);
                    },
                    complete : function(resultat, statut){
                        console.log('Complete : ' + statut);
                    }
                });
            }); 
        </script>
 
 
    </form>
</body>
</html>


Voici les logs dans la console de Chrome :

Nom : Console-logs.jpg Affichages : 105 Taille : 66,7 Ko

Et voici mon code en ASP.NET

Code VB.NET : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
Dim res_datas As String = ""
        Dim hwrequest As Net.HttpWebRequest
        Dim hwresponse As Net.HttpWebResponse
        Try
            hwrequest = Net.WebRequest.Create("http://000.000.000.000:7002/APP_NAME_WS")
            hwrequest.AllowWriteStreamBuffering = True
            hwrequest.AuthenticationLevel = Net.Security.AuthenticationLevel.None
            hwrequest.Method = "POST"
            hwrequest.Accept = "*/*"
            hwrequest.AllowAutoRedirect = False
            hwrequest.UserAgent = "http_requester/0.1"
            hwrequest.ContentType = "application/x-www-form-urlencoded"
            hwrequest.Timeout = 100000 
            hwrequest.KeepAlive = False
 
            '// données ------------------------------------------------------
            Dim byteArray As Byte() = Encoding.UTF8.GetBytes(post_datas)
            hwrequest.ContentLength = byteArray.Length
            Dim dataStream As Stream = hwrequest.GetRequestStream()
            dataStream.Write(byteArray, 0, byteArray.Length)
            dataStream.Close()
            '// .données -----------------------------------------------------
 
            hwresponse = hwrequest.GetResponse()
            If hwresponse.StatusCode = Net.HttpStatusCode.OK Then
                Dim responseStream As IO.StreamReader = New IO.StreamReader(hwresponse.GetResponseStream())
                responseData = responseStream.ReadToEnd()
                responseStream.Close()
                responseStream = Nothing
                res_datas = responseData.ToString()
            End If
            hwresponse.Close()
        Catch we As WebException
        Catch ex As Exception
        End Try
        hwrequest = Nothing
        hwresponse = Nothing


MErci pour toute l'aide que vous pourrez m'apporter