Contact Info

Crumbtrail

ActiveXperts.com » Network Component » How to Use Network Component » HTTP Client » HTML/Javascript

HTML Form HTTP Get and HTTP Post Sample Source Code

Network Component provides an easy-to-use development interface to a variety of IP protocols. By using Network Component, you can very easily create or enhance applications with network features.

Network Component features the following: DNS, FTP, HTTP, HTTPs, ICMP Ping, IP-to-Country, MSN, NTP, RSH, SCP, SFTP, SNMP v1/v2c (Get, GetNext, Set), SNMP Traps, SNMP MIB, SSH, TCP, Telnet, TFTP, UDP, Telnet, Wake-On-LAN and more.

Network Component can be well integrated into any development platform that supports ActiveX objects.


This document describes how the Network Component FtpServer object can be integrated into your projects.

The most important functions of the FtpServer object are:


Step 1: Installation of Network Component

Download Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.

When using HTML, there are two ways to install the Network Component on a client PC:

Automatic installation using HTML code

You can install the Network Component automatically using the following HTML code on top of the HTML page:

<head>
  <object codebase="https://www.activexperts.com/files/network-component/3.1/AxNetwork32.cab" 
           classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" ></object>
</head>

The Network Component will be installated automatically. The user will be asked to confirm the installation, because the DLL is coming from an untrusted site (www.activexperts.com).

There are two ways to avoid prompting:

Manual installation using the Network Component installation procedure

On each client PC, download the Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.

Step 2: Create the Network Component object in HTML

You must use Javascript to declare and create the object:

var objHttp;
 
objHttp  = new ActiveXObject ( "ActiveXperts.Http" );

Appendix: Full source code

<object codebase="https://www.activexperts.com/files/network-component/cab/4.4/axnetwork32.cab" classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" style="visibility: hidden;"></object>

<html>

<head>
<title>ActiveXperts Network Component Sample - HTTP</title>
<style>
   .clbody {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9pt;
   font-weight:normal;
}
.clfooter {
   font-family:Verdana;
   font-size:7pt;
   font-weight:normal;
}
h1, .h1 {
   width:100%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
}
hr, .hr {
   color:#b0b0b0;
}
</style>

<script language="JavaScript" type="text/javascript">
<!--

var objHttp      = new ActiveXObject( "AxNetwork.HttpEx" )

function getInfo()
{
   document.getElementById("fldAxNetworkInfo").innerHTML = "Build: " + objHttp.Build + "; Module: " + objHttp.Module   
}

function getResponse()
{
   var numLastError = 0;
   var strLastError = "";
   var strResponse  = "";
	 var objForm = document.forms["AXForm"];

   // objHttp.LogFile       = "c:\http.log"    // Optional: set LogFile property for troubleshooting purposes
   objHttp.WebAccount    = objForm.txtWebACCOUNT.value;
   objHttp.WebPassword   = objForm.txtWebPASSWORD.value;
	 
   strResponse  = objHttp.Get( objForm.txtWebSITE.value );
   numLastError = objHttp.LastError;

   
   objForm.txtResponse.value = strResponse;
	 objForm.txtResult.value   = numLastError + " : " + objHttp.GetErrorDescription( numLastError );  
}

//-->
</script>

</head>

<body onload="getInfo()">
<h1>ActiveXperts Network Component Sample - HTTP</h1>
<hr size="1">

<form name="AXForm">
<table class ="clbody">

   <tr>
       <td valign="top">Component:</td>
       <td valign="top"><span id="fldAxNetworkInfo"></span></td>
   </tr>
   
   <tr>
       <td valign="top">Web site:</td>
       <td valign="top"><input style="width: 350px" type="text" name="txtWebSITE" value="www.activexperts.com/products">

       </td>
   </tr>
   <tr>
       <td valign="top">Web Account (optional):</td>
       <td valign="top"><input style="width: 500px" type="text" name="txtWebACCOUNT" value=""></td>
   </tr>
   <tr>
       <td valign="top">Web Password (optional):</td>
       <td valign="top"><input style="width: 500px" type="password" name="txtWebPASSWORD" value=""></td>
   </tr>
   <tr>
       <td valign="top"> </td>
       <td valign="top"><input size="25" type="button" onclick="getResponse()" value="Visit web site now" name="CTL_SUBMIT" style="height: 23px; width: 500px"></td>
   </tr>
   <tr>
       <td valign="top"> </td>
       <td valign="top"> </td>
   </tr>
       <tr>
       <td valign="top">Result code:</td>
       <td valign="top"><input type=text id="txtResult" style="border: 0px; width: 500px;" disabled="true"></td>
   </tr>
    
   <tr>
       <td valign="top">Response:</td>
       <td valign="top"><textarea id="txtResponse" style="width: 500px" name="txtResponse" rows="10" cols="60"></textarea></td>
   </tr>
  
</table>
<br>
<br>
</form>

<hr size="1">
<div>
This sample is based on ActiveXperts Network Component, an <a target="_blank" href="https://www.activexperts.com">ActiveXperts Software</a> product.<br>
<a href="../Index.htm">Click here</a> to return to the HTML sample menu page.<br>

</div>

</body>
</html>

You can download the complete samples here. There are many other working Network Component scripts on our site and shipped with the product.