C# Webservice HTML Get Request

See more:

C#

HTTP

webservice

I am new to web services but basically i have created a webservice that reads from a db and then returns a value back to the client. Here is an example of my webservice.

namespace TestWebService1
{
    /// <summary>
    /// Summary description for Service1
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    [System.Web.Script.Services.ScriptService]
    public class Service1 : System.Web.Services.WebService
    {

        [WebMethod]
        [ScriptMethod(UseHttpGet=true)]
        public string getID()
        {
            SqlConnection cs = new SqlConnection(@"Server=130-ASQL1-B-001.OSCD.LOCAL;Initial Catalog=AIM;User ID=user;Password=pass");

            SqlCommand cmd = new SqlCommand("select id from NIM where stationName='" + System.IO.Path.GetDirectoryName(HttpContext.Current.Request.ServerVariables["REMOTE_USER"]) + "' and availability = 'reachable'", cs);

            cmd.CommandType = CommandType.Text;

            cmd.Connection = cs;

            cs.Open();

            SqlDataReader dr = cmd.ExecuteReader();


            dr.Read();
            
                return dr["id"].ToString();

                dr.Close();
                cs.Close();
  
            
        }
    }
}

Ok now I would like to call this web service from an html page

<div style="display: hidden;">
<form action='http://localhost:52618/Service1.asmx/HelloWorld?ID='
method="get" target="_self">
<table>
  <tr>
    <td>GET ID</td>
    <td>
    <input class="frmInput" type="text" size="30" name="id">
    </td>
  </tr>
  <tr>
    <td></td>
    <td align="right">
     <input type="submit" id="submitButton" value="Submit" class="button">
     </td>
  </tr>
</table>
</form>
<script language="javascript">
        document.getElementById("submitButton").click();
    </script>
</div>

the soap message that appears is below.

<?xml version="1.0" encoding="UTF-8"?>
<string xmlns="http://tempuri.org/">0</string>

So far i am able to call the web service fine but what happens is it calls the web service and display the soap message on the webpage within the browser. I would like to somehow show the value of my soap message in the url like http://localhost:52618/Service1.asmx/HelloWorld?ID=42 or something like that. I know this can be done from the examples i've seen but i'm obviously not doing something right on either the web service or client side. Also i'm not exactly sure that this is the best way to call a web service from an html page so if anyone has any knowledge on that that would be great as well. I am having to use javascript but it would be nice just use html. Any Help is Appreciated!