C# MVC js 跨域

js 跨域:

第一种解决方案(服务端解决跨域问题):

跨域是浏览器的一种安全策略,是浏览器自身做的限制,不允许用户访问不同域名或端口或协议的网站数据。 
只有域名(主域名【一级域名】和二级域名)、端口号、协议 完全相同的时候,才允许通信。

A:ASP.Net 语言解决方法

1.IIS服务器,找到需要跨域的网站--》点击HTTP响应头

--》添加Access-Control-Allow-Origin:*

2.或者在需要跨域访问的项目web.config 文件夹里面添加

1  <system.webServer>
2         <httpProtocol>
3             <customHeaders>
4                 <add name="Access-Control-Allow-Origin" value="*" />
5             </customHeaders>
6         </httpProtocol>
7   </system.webServer>

在任意的项目里面建立Html页面。

html页面:

 1     <script src="jquery-3.3.1.js"></script>
 2     <script>
 3         $(function () {
 4             $(‘#btn‘).click(function () {
 5                 var url = ‘http://192.168.10.99:8000/atapi/hello/‘;
 6                 $.ajax(url, {
 7                     data: {},
 8                     success: function (data) {
 9                         console.log(JSON.stringify(data, null, 4));
10                     }
11                 })
12             })
13         });
14     </script>
接口 http://192.168.10.99:8000/atapi/hello/ 返回数据以及格式 如下

跨域成功。

html页面控制台打印数据如下:

原文地址:https://www.cnblogs.com/zhangtaotqy/p/9242572.html

时间: 2024-10-14 21:37:10

C# MVC js 跨域的相关文章

利用CORS配置实现jQuery对WebApi及MVC的跨域访问

js ajax操作中,默认不能进行跨域访问,我们可以通过CORS配置实现最简单的跨域访问.这种方式是在服务端进行跨域访问控制. 一.编写服务端代码 新建一个ASP.NET MVC/WebApi项目,在其中分别新建Api方法及MVC Action方法: WebApi方法如下: public class ValuesController : ApiController { // GET api/values public IEnumerable<string> Get() { return new

C#js跨域调用

1. 1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 <title>js跨域调用</title> 11 <script src="~/Scripts/jquery-1.8.2.mi

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

Js 跨域上传文件

代码在github上( https://github.com/andygithubchen/jsUpload ),请结合github上的文件阅读. 主要实现js跨域上传文件,这里的跨域目前只在两个域名所指向的服务器在同一局域网内. 当然,这两种方案都可以做同域名上传. 例如: 192.168.1.60 www.test.cn 192.168.1.61 www.video.cn 如果要在www.test.com域名下上传文件到www.video.com域名下,可以使用下面这两个方案: 方案一(在s

利用JS跨域做一个简单的页面访问统计系统

其实在大部分互联网web产品中,我们通常会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的JS脚本,然后便可以在这些统计系统中看到自己网站页面具体的访问情况.但是有些时候,由于一些特殊情况,我们需要自己来设计统计系统.由于前段时间公司的业务需求,我也是自己尝试了下,本文提供的是一个基本思路,统计系统也比较简单. 几个基本统计需求: 1.统计web每个页面用户访问量 2.统计用户访问者的和IP地址信息 3.页面之间的跳转情况 4.访问高峰时间段 服务器结构: 数据库表设计: 以上只是我简单列

三种方法实现js跨域访问

javascript跨域访问是web开发者经常遇到的问题,什么是跨域,一个域上加载的脚本获取或操作另一个域上的文档属性,下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基础域(例如都是xxx.com,或是xxx.com.cn),使用同一协议(例如都是 http)和同一端口(例如都是80),这样在两个页面中同时添加document.domain,就可以实

js跨域请求方式 ---- JSONP原理解析

这篇文章主要介绍了js跨域请求的5中解决方式的相关资料,需要的朋友可以参考下 跨域请求数据解决方案主要有如下解决方法: 1 2 3 4 5 JSONP方式 表单POST方式 服务器代理 Html5的XDomainRequest Flash request 分开说明: 一.JSONP: 直观的理解: 就是在客户端动态注册一个函数 function a(data),然后将函数名传到服务器,服务器返回一个a({/*json*/})到客户端运行,这样就调用客户端的 function a(data),从而

js跨域访问

客户端 HTML 1 <div id="oid"></div> 2 <script type="text/javascript"> 3 //获取货号 4 $.ajax({ 5 6 url: "http://192.168.1.191/H.ashx", 7 type: "GET", 8 dataType: 'jsonp', 9 //jsonp的值自定义,如果使用jsoncallback,那么服

JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被当作是不同的域. 下表给出了相对 http://store.company.com/dir/page.html 同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 1.通过jsonp跨域[解决ajax跨域] 在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的