js跨域调用WebService的简单实例
步骤1. 在web.config中的system.web节点里加入
<!--此节点可允许脚本跨域调用webservice--> <webServices> <protocols> <addname="HttpPost"/> <addname="HttpGet"/> </protocols> </webServices> <!--此节点可允许脚本跨域调用webservice-->
步骤2.webservice代码
usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Web; usingSystem.Web.Services; usingSystem.Web.Mvc; namespaceWebService { ///<summary> ///WebService1的摘要说明 ///</summary> [WebService(Namespace="http://tempuri.org/")] [WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] //若要允许使用ASP.NETAJAX从脚本中调用此Web服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] publicclassWebService1:System.Web.Services.WebService { [ValidateInput(false)] [WebMethod(Description="测试")] publicvoidgetDBTableInfos(stringEnterpriseCode) { HttpContext.Current.Response.ContentType="application/json;charset=utf-8"; stringjsonCallBackFunName=string.Empty; jsonCallBackFunName=HttpContext.Current.Request.Params["jsoncallback"].ToString(); HttpContext.Current.Response.Write(jsonCallBackFunName+"({\"Result\":\""+EnterpriseCode+"\"})"); } } }
步骤3.html页面部分
<!DOCTYPEhtml> <html> <head> <title>Index</title> <scriptsrc="http://www.cnblogs.com/Scripts/jquery-1.5.1.js"type="text/javascript"></script> <scripttype="text/javascript"> $(function(){ $("#btnSubmit").click(function(){ varEnterpriseCode="39";//企业代码 vardataStr="EnterpriseCode="+EnterpriseCode; $.ajax({ type:"get", url:"http://xxx/xxx.asmx/AntiWebQuery_Ajax?jsoncallback?", dataType:"jsonp", jsonp:'jsoncallback', data:dataStr, success:function(result){ //返回结果 alert(result.Result); } }); }); }); </script> </head> <body> <div> <inputid="btnSubmit"type="button"value="查询"/> </div> </body> </html>
以上就是小编为大家带来的js跨域调用WebService的简单实例的全部内容了,希望对大家有所帮助,多多支持毛票票~