如何在不刷新页面的情况下从html页面[javascript]调用webservice方法

我有一个

webservice

，它将返回一个值。这里我的要求是，我需要从

index.html

页面调用

webservice

，该页面有一个html提交按钮。在该按钮上单击我正在调用一个

JavaScript。

从那里我想调用web方法。我怎样才能做到这一点

我的Web服务是“localhost/ws/service.asmx”和web方法是

HelloWorld

 <input type="button" value="Submit" id="btn_submit" onclick ="return fun()">

 function fun() {


    // here  I want to call the "helloworld" method.
    return true;
}

函数fun（）{
//这里我想调用“helloworld”方法。
返回true；
}

将jQuery用于html页面的performin POST或GET请求，如下所示：

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;
}

或：

您可以向Web服务发送请求

 $.ajax({
            url: "WebServiceURL",
            data: "", //ur data to be sent to server
            contentType: "application/json; charset=utf-8", 
            type: "GET",
            success: function (data) {
               alert(data);
            },
            error: function (x, y, z) {
               alert(x.responseText +"  " +x.status);
            }
        });

---

嗨，再见，谢谢你！。这里我的Web服务是“”，我的Web方法是HelloWorld。那么我如何才能给函数fun（）{$.get（“，函数（Helloworld）{//alert（response）；}）；return true}是吗？？？很抱歉这么说。。不是。。第一个并没有抛出任何错误，但并没有返回输出字符串。第二个是未定义的对象数据\u值感谢您的回复，但很抱歉它再次返回“未定义”。Web服务返回字符串“Hello world”。提醒（响应）并检查返回到页面的内容？

 $.ajax({
            url: "WebServiceURL",
            data: "", //ur data to be sent to server
            contentType: "application/json; charset=utf-8", 
            type: "GET",
            success: function (data) {
               alert(data);
            },
            error: function (x, y, z) {
               alert(x.responseText +"  " +x.status);
            }
        });