vue 调用webservice_js跨域调用WebService的简单实例

步骤1. 在web.config中的system.web节点里加入

步骤2.webservice代码

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Mvc;

namespace WebService

{

///

/// WebService1 的摘要说明

///

[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页面部分

Index

$(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);

}

});

以上就是小编为大家带来的js跨域调用WebService的简单实例的全部内容了，希望对大家有所帮助，多多支持脚本之家~

vue 调用webservice_js跨域调用WebService的简单实例相关推荐

Vue和iframe跨域调用
Test.js 在iframe内的html页面引入 // 在iframe子页面引入该js window.addEventListener ('message', function(event) {/* ...
用CORS 解决vue.js django跨域调用
Cross-Origin Resource Sharing(CORS)跨域资源共享是一份浏览器技术的规范,提供了 Web 服务从不同域传来沙盒脚本的方法,以避开浏览器的同源策略,是 JSONP 模式的 ...
js php调用webservice,js跨域调用WebService的使用方法
这次给大家带来js跨域调用WebService的使用方法,js跨域调用WebService的注意事项有哪些,下面就是实战案例,一起来看一下. 步骤1. 在web.config中的system.web节 ...
跨域调用WebService
WebService使用还是比较广泛的,这里我们来介绍两种跨域请求调用WebService的方法. 首先我们来介绍下什么是WebService,Web Service也叫XML Web Service ...
jquery跨域调用webService
jquery跨域调用webService,以及解决跨域情况下只能返回XMl格式数据的问题 http://lu.9efish.com/blog/jquery-cross-domain-call-asp. ...
WCF 4.0 REST Service JSON跨域调用
最近在项目中用到了 WCF4.0 REST.在跨域调用时走了不少弯路,查了不少技术强人的文章,其实它真的就这么容易.好了不废话了直接贴代码. 调用的服务类: 1 [ServiceContra ...
解决js跨域调用WebApi的问题
解决js跨域调用WebApi的问题参考文章: (1)解决js跨域调用WebApi的问题 (2)https://www.cnblogs.com/qubernet/p/6396295.html 备忘一下 ...
jquery ajax跨域asp,jQuery跨域调用Asp.Net Web API
Asp.Net Web API是一个轻量级的Web服务,当Web API和Web程序不是部署在同一域的时候,要使用jQuery来实现调用API的接口就存在跨域的问题.下面介绍两种方式来解决jQuery ...
jquery跨域调用wcf
使用jquery跨域调用wcf服务的时候会报如下错误 1 $.ajax({ 2 url: 'http://localhost:28207/Service1.svc/GetData', 3 method ...

vue 调用webservice_js跨域调用WebService的简单实例

vue 调用webservice_js跨域调用WebService的简单实例相关推荐

最新文章

热门文章