Cross-origin problem of Ajax request WebService, cross-origin problem of ajaxwebservice

Cross-origin problem of Ajax request WebService, cross-origin problem of ajaxwebservice

1. Background

Use Ajax in Jquery to call the WebService Interface in the asp.net Development Environment

2. Problems

Cause analysis: the impact of browser same-origin policy (that is, JavaScript or Cookie can only access content in the same domain );

3. solution:

(1) JSONP: only the GET method is supported.

(2) CROS: Cross-origin Resource Sharing

The following is a CROS solution:

A. Add the response header information to the WebService interface:

B. Add the configuration section information in the web. config file:

After using solution a or solution B, the browser header information changes as follows:

The final problem can be better solved, but the browser support for this solution is different, as shown in the figure below:

 

4. Other References

(1) http://www.cnblogs.com/Darren_code/p/cors.html

(2) http://blog.csdn.net/liyifei21/article/details/17509735

(3) http://www.cnblogs.com/yuzhongwusan/p/3677955.html