jQuery Ajax 调用WebService实例详解

JQuery Ajax调用webservice的一些经验记录，在此实例中，解决跨域使用了Core解决方案，在下一篇文章中，会介绍JS 跨域的问题。

实例！、实例！、实例！
跨域解决方案

实例-源码

前端

function SendPost(){$.ajax({'url':'http://100.80.62.40:8080/WebService.asmx/HelloWorld','type':'POST','contentType': "application/json; charset=utf-8",'data':'','dataType':'json','success': function(response){console.log(response);console.log(response.d);console.log(JSON.parse(response.d));}});
}

这里还是有个小问题的，顺便介绍一下吧。那就关于JSON.parse解析的问题，其实这个是小问题，JSON 的这个正确格式为：{“result”:”success”}，注意内容一定为双引号，不能为单引号，单引号就会出现如此的错误。故在webservic方法中为正确使用 json格式，使用将双引号转义。
，

WebService

[WebMethod]
public string HelloWorld()
{return "{\"result\":\"success\"}";
}

Web.Config

system.web, 注意关于WebService及其子标签的写法

 <system.web><compilation targetFramework="4.5.2" debug="true"/><httpRuntime targetFramework="4.5.2"/><httpModules><add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web"/></httpModules><!--跨域请求--><webServices><protocols><add name="HttpGet"/><add name="HttpPost"/></protocols></webServices></system.web>

第二部分，这一块是为了解决JS 本源策略，跨域的问题。允许非同源调用

<system.webServer><!--解决跨域请求 by wys --><httpProtocol><customHeaders><add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/><add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/><add name="Access-Control-Allow-Origin" value="*" /></customHeaders></httpProtocol></system.webServer>

jQuery Ajax 调用WebService实例详解相关推荐

Jquery ajax调用webservice总结
Jquery ajax调用webservice总结 jquery ajax调用webservice(C#)要注意的几个事项: 1.web.config里需要配置2个地方 <httpHandler ...
jquery ajax 调用webservice以及跨域问题
先在服务器端配置webconfig,因为默认情况下是不支持post,get访问在system.web 中间 <webServices ><protocols ><add ...
CSS+jQuery实现滑动幻灯片实例详解
HTML部分代码 Start with having a wrapping container div called main_view , and two sections nested insid ...
android 调用oracle,Android 调用WCF实例详解
Android 调用WCF实例 1. 构建服务端程序 using System.ServiceModel; namespace yournamespace { [ServiceContract(Nam ...
jquery ajax调用java webservice,jQuery AJAX 调用WebService实现代码
用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码: 代码 Login ID: Login Password: Jquery引用和登录事件代码 $(docum ...
webService学习9:jquery ajax调用webservice
1 参照 webService学习7:调用天气接口生成客户端代码 2 前台代码 <%@ page language="java" import="java.ut ...
jquery中cookie用法实例详解(获取,存储,删除等)
这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以 ...
java构造器调用构造器_java中构造器内部调用构造器实例详解
可能为一个类写了多个构造器,有时可能想在一个构造器里面调用另外一个构造器,为了减少代码的重复,可用this关键字做到这一点. public class Flower { private String ...
java 实现违章_基于JAVA的违章查询助手数据调用代码实例详解
[Java]代码 import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; ...

jQuery Ajax 调用WebService实例详解

实例-源码

前端

WebService

Web.Config

jQuery Ajax 调用WebService实例详解相关推荐

最新文章

热门文章