js跨域调用WebService的简单实例
更新时间:2016年09月28日 09:06:43 投稿:jingxian
下面小编就为大家带来一篇js跨域调用WebService的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
步骤1. 在web.config中的system.web节点里加入
<!--此节点可允许脚本跨域调用webservice--> <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices> <!--此节点可允许脚本跨域调用webservice-->
步骤2. webservice代码
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Mvc; namespace WebService { /// <summary> /// WebService1 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class WebService1 : System.Web.Services.WebService { [ValidateInput(false)] [WebMethod(Description = "测试")] public void getDBTableInfos(string EnterpriseCode) { 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\": \"" + EnterpriseCode + "\" })"); } } }
步骤3. html页面部分
<!DOCTYPE html> <html> <head> <title>Index</title> <script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var EnterpriseCode = "39"; //企业代码 var dataStr = "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> <input id="btnSubmit" type="button" value="查询" /> </div> </body> </html>
以上就是小编为大家带来的js跨域调用WebService的简单实例的全部内容了,希望对大家有所帮助,多多支持脚本之家~
相关文章
Select2在使用ajax获取远程数据时显示默认数据的方法
今天小编就为大家分享一篇Select2在使用ajax获取远程数据时显示默认数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08使用ajax加载的页面中包含的javascript的解决方法
使用ajax加载的页面中包含的javascript的两个解决方法, 需要的朋友可以参考下。2010-09-09SpringMVC+Ajax实现文件批量上传和下载功能实例代码
这篇文章主要介绍了SpringMVC+Ajax实现文件批量上传和下载功能实例代码,代码分为上传form和上传ajax,具体实例代码大家参考下本文2017-11-11javascript对XMLHttpRequest异步请求的面向对象封装
对XMLHttpRequest异步请求的面向对象封装,需要的朋友可以参考下。2009-12-12
最新评论