How to call a webservice method from an html page [javascript] with out refresh the page

html, javascript, jquery, web-services

Solution

Use jQuery for performin POST or GET request from your html page like this :

function fun() 
{
   var data="hello";
   $.get("http://localhost/ws/service.asmx/HelloWord", function(response) {
        data = response;
   }).error(function(){
  alert("Sorry could not proceed");
});

   return data;
}

OR :

function fun() 
{
  var data="hello";
  $.post('http://localhost/ws/service.asmx/HelloWord',{},function(response) 
  {     data = response;
  }).error(function(){
  alert("Sorry could not proceed");
});

    return data;
}

Problem

I have a `webservice` which will return a value. Here my requirement is, I need to call that `webservice` from an `index.html` page, that page have an html submit button. On that button click I am calling a `JavaScript.` From there I want to call the web method. how can I achieve this. My webservice is `"localhost/ws/service.asmx";` and web method is `HelloWorld` ``` <input type="button" value="Submit" id="btn_submit" onclick ="return fun()"> function fun() { // here I want to call the "helloworld" method. return true; } ```

Original source