方式1:jsonp解决跨域访问
需要服务和js配合
服务
[WebMethod] public void HelloWorld2(string name) { HttpContext.Current.Response.ContentType = "application/json;charset=utf-8"; string jsonCallBackFunName = string.Empty; jsonCallBackFunName = HttpContext.Current.Request.Params["jsoncallback"].ToString(); HttpContext.Current.Response.Write(jsonCallBackFunName + "({ \"Result\": \"Helloword2" + name + "\" })"); }
JS调用
var dataStr = "name=" + $("#birthday").val(); $.ajax({ type: "post", url: "http://192.168.0.99:8082/WebService1.asmx/HelloWorld", dataType: "jsonp", jsonp: 'jsoncallback', contentType: "application/jsonp;charset=utf-8", data: dataStr, success: function (result) { //返回结果 alert(result.Result); $("#name").val(result.Result); }, error: function (e) { window.alert(e.status); } }); });
方式2:增加配置处理跨域
如果是在.net下则在web.config中增加配置
在system.webServer下增加可跨域访问
如果是调用webservice在服务端config中增加配置在system.web下增加
服务
[WebMethod] public string HelloWorld1(string name) { return "{data:你好:" + name + "}"; }
前台调用方式
$.ajax({ type: "post", url: "http://192.168.0.99:8082/WebService1.asmx/HelloWorld", dataType: "json", data: "{name:'" + birthday + "'}",//参数 contentType: "application/json;charset=utf-8", success: function (result) { //返回结果 $("#name").val(result.d); }, error: function (e) { window.alert(e.status); } }); });