新普京网站-澳门新普京 > 新普京网站 > Ajax调用webService实例代码

Ajax调用webService实例代码

2019/12/30 02:00

前端页面: 复制代码 代码如下: //提醒到服务器 $ { $.click { var data = $.serializeArray(卡塔尔(قطر‎; //自动将form表单封装成json // $.ajax({ // type: "Post", //访谈WebService使用Post情势伏乞 // contentType: "application/json", //WebService 会重返Json类型 // url: "/home/ratearticle", //调用WebService的地点和章程名称组合 ---- WsU本田CR-VL/方法名 // data: data, //这里是要传送的参数,格式为 data: "{paraName:paraValue}",上面将会看见 // dataType: 'json', // success: function { //回调函数,result,重返值 // alert(result.UserName + result.Mobile + result.Pwd卡塔尔国; // } // }State of Qatar; $.post("/home/ratearticle", data, RateArticleSuccess, "json"卡塔尔(قطر‎; }State of Qatar; }State of Qatar //结果突显 function RateArticleSuccess { alert(result.UserName + result.Mobile + result.Pwd卡塔尔国; } 后端管理: 复制代码 代码如下: public JsonResult ratearticle { return Json; }

webService中要落实ajax调用,则要加那句代码:
// 若要允许利用 ASP.NET AJAX 从剧本中调用此 Web 服务,请撤废对下行的笺注。
[System.Web.Script.Services.ScriptService]
代码下载 /200808/yuanma/WebService2.rar

复制代码 代码如下:

//无参数调用
$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //访问WebService使用Post情势央求
contentType: "application/json", //WebService 会返回Json类型
url: Web瑟维斯U奥迪Q5L + "WebService1.asmx/HelloWorld", //调用WebService之处和艺术名称组合 ---- WsUCR-VL/方法名
data: "{}", //这里是要传递的参数,格式为 data: "{paraName:paraValue}",上边将会看出
dataType: 'json',
success: function(result卡塔尔 { //回调函数,result,重返值
$('#dictionary').append(result.d);
}
});
});
});

//有参数调用
$(document).ready(function() {
$("#btn2").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetWish",
data: "{value1:'福寿年高',value2:'福寿绵绵',value3:'牛牛牛',value4:2010}",
dataType: 'json',
success: function(result) {
$('#dictionary').append(result.d);
}
});
});
});

上一篇:JS调试必备的5个debug技巧_javascript技巧_脚本之家澳门新普京: 下一篇:JavaScript中奇葩的假值示例应用_javascript技巧_脚本之家