ajax方式请求WebService时的参数传递

      Web技术发展到今天,从本质上来将变化并没有太大,也许我们会看到前端领域每隔一段时间就会有新的框架产生,其实所有的框架的提出都是因为某种业务的背景需要。记得一位大师说过:计算机科学领域的任何问题都可以通过增加一个间接的中间层来解决。增加中间层,从程序角度来说,会增程序复杂性,增加代码量,降低程序执行效率。但是从开发者来看,会提高业务的清晰度,降低模块间耦合性。大多数情况下,新技术框架都是在重构中间层。所以当你以这种态度看待一切的时候,你发现技术没有好坏,只有能否用好。扯远了,言归正传。下面结合项目,总结下开发过程中使用的WebService技术知识。
服务器端完成处理数据后,通过Webservice返回数据,传递的数据只能是序列化的数据,典型的就是xml数据,当然也可以是JSON序列化。
1、术语解释
调用方:即服务发起方,既可以在浏览器中通过ajax调用,也可以在客户端通过模拟请求调用。
被调用方:服务器端,用来响应前端请求,将序列化后的数据返回给前方
2、调用方通过浏览器ajax调用
①    无参调用  
$.ajax({
type:"post",       //post 方式传递参数
url:"http://IP/webservice/Test/service.asmx/GetData",
data:"{}",       //空参数
dataType:"json",  //指定被调用方返回json数据
contentType:"application/json",  //指定调用方传递数据为json格式
success:function(result) {
},
error:function(response,errorSate) {
}
})
/* 或者 */
/*如果不需要传递参数,也可以如下调用 */
$.ajax({
url:"http://IP/webservice/Test/service.asmx/GetData",
dataType:"json",    //指定被调用方返回json数据
success:function(result) {
},
error:function(response,errorSate) {  
}
})
②   有参调用
/* POST 传参数 */
$.ajax({
type:"post",
url:"http://IP/webservice/Test/service.asmx/GetData",
data:"{sysFlag:1,AU:2,lastReadTime:'',orgID:''}",
dataType: "json",   //指定被调用方返回json数据
contentType:"application/json;",  //指定参数格式为json数据
success: function(result) {
// 如果服务端WebService采用return返回,则注意 其返回格式:  {"d":{"json数据"}}
var returnvalue = JSON.stringify(result.d);
},
error: function(response,errorSate) {
}
})

你可能感兴趣的:(前端:HTML+CSS+JS)