说明：我们知道Ajax是不能进行跨域请求的，我们是可以设置我们的项目让Ajax支持跨域访问。

跨域: aa.xxx.com 中用ajax请求  bb.ccc.com中的数据成为跨域。

找了一些文章看了的， 无非都是说 jsonp是get的解决办法，cross是post请求的解决办法。这边自己也测试了下。这边记录一下。

①我们先准备好我们的接口

然后需要我们发布一下,这个就是我们的接口地址了（） ：http://apitest.sealee.xin/api/ajaxcross （get/post(请求的body为: '{"Name":"sealee"}'  json字符串 )）

http://apitest.sealee.xin/api/ajaxcross  如果出现下面信息证明接口有效，否则无效

②什么都不做处理进行Aajx请求

本机上创建一个页面，进行访问接口数据

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>测试Ajax跨越请求</title>

    <script src="~/Scripts/jquery-3.3.1.min.js"></script>

    <script src="~/Scripts/jquerycookie/jquery.cookie.js"></script>

    <script>

        $(document).ready(function () {

            $('#GetCross').bind('click', function () {

                var ob = {

                    name: "sealee"

                };

                $.ajax({

                    type: "get",

                    async: true,

                    url: "http://apitest.sealee.xin/api/AjaxCross",

                    dataType: "json",

                    beforeSend: function () {

                        //请求前的处理

                    },

                    success: function (data) {

                        //请求成功处理，和本地回调完全一样

                        console.log(data);

                    },

                    complete: function () {

                        //请求完成的处理

                    },

                    error: function () {

                        //请求出错处理

                    }

                });

            });

            $('#PostCross').bind('click', function () {

                var ob = {

                    Name: "sealee"

                };

                $.cookie("testCookie", "");

                $.ajax({

                    type: 'POST',

                    headers: {

                        'contentType': "application/json; charset=utf-8"   //有头部信息会执行optings请求

                    },

                    //xhrFields: {

                    //    withCredentials: true // 这里设置了withCredentials  能不能传递cooikes

                    //},

                    url: "http://apitest.sealee.xin/api/AjaxCross",

                    dataType: "json",

                    data: JSON.stringify(ob),  //传递的json格式

                    success: function (data) {

                        console.log(data);

                    }

                })

            });

        });

    </script>

</head>

<body>

    <div>

        <button id="GetCross"> Get跨越</button>

        <button id="PostCross"> Post跨越</button>

    </div>

</body>

</html>

我们点击Get,Post都是会报错的

③解决办法   网上找了些方法，说需要 js和服务端都需要做改变，自己做了一些尝试，最后结果：我们保持我们的js代码不变，只是在服务端进行了配置，就可以实现跨域请求

在web.config里面配置了这些，也可以写个过滤器在代码里面进行添加，如果不安全，可以在头部设置一些信息来确保消息的请求来源。

1.写在web.config中

2.代码

然后再进行调试

跟踪我们的请求，你会发现，有三次请求

  

类型为OPTIONS的时候，只有当我们的ajax请求中出现了头部信息才会执行，当OPTIONS执行成功的时候才会去执行Post请求。

注释我们的头部请求设置，然后点击Post提交

问题:传递Cookie的时候cookie没有加到我们的头部

修改我们的配置：

JS:

.NET中Ajax跨越访问的更多相关文章

  1. js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

    最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下 ...

  2. Ajax跨域问题及解决方案 asp.net core 系列之允许跨越访问(Enable Cross-Origin Requests:CORS) c#中的Cache缓存技术 C#中的Cookie C#串口扫描枪的简单实现 c#Socket服务器与客户端的开发(2)

    Ajax跨域问题及解决方案   目录 复现Ajax跨域问题 Ajax跨域介绍 Ajax跨域解决方案 一. 在服务端添加响应头Access-Control-Allow-Origin 二. 使用JSONP ...

  3. ASP.NET MVC中使用ASP.NET AJAX异步访问WebService

    使用过ASP.NET AJAX的朋友都知道,怎么通过ASP.NET AJAX在客户端访问WebService,其实在ASP.NET MVC中使用ASP.NET AJAX异步访问WebService 也 ...

  4. 解决ant Design dva ajax跨越请求 （status=0）

    今天实现了antd作为前端展现,python flask作为后端的数据填充,完全两个独立的服务:过程中遇到ajax跨越请求问题,导致status一直等于0,原来是这么写的: xmlhttp.open( ...

  5. Ajax跨越请求失败,解决

    跨越请求 1.1什么是跨域(两个不同系统之间的访问.调用) (1)域名不同,即两个不同的应用. (2)域名相同,但是端口不同,即同一个应用中的不同子系统. 1.2 Ajax跨域请求的缺陷 (1)创建t ...

  6. jquery中ajax的使用

    Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进 ...

  7. js中ajax如何解决跨域请求

    js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操 ...

  8. 关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

  9. ajax的访问 WebService 的方法

    如果想用ajax进行访问 首先在web.config里进行设置 添加在 <webServices> <protocols> <add name= "HttpPo ...

随机推荐

  1. nginx打开php错误提示

    首先要编辑php配置文件: vi /etc/php.ini error_reporting = E_ERROR display_errors = On  因为我开启了php-fpm.所以,还要编辑 p ...

  2. jQuery对象和DOM对象使用说明，需要的朋友可以参考下。

    jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...

  3. 无监督学习(Unsupervised Learning)

    无监督学习(Unsupervised Learning) 聚类无监督学习 特点 只给出了样本, 但是没有提供标签 通过无监督学习算法给出的样本分成几个族(cluster), 分出来的类别不是我们自己规 ...

  4. HDU 1698——Just a Hook——————【线段树区间替换、区间求和】

    Just a Hook Time Limit:2000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit  ...

  5. 【linux相识相知】独立硬盘冗余阵列-RAID

    独立硬盘冗余阵列(RAID,Redundant Array of Independant Disks),旧称为廉价磁盘冗余阵列(Redundant Array of Inexpensive Disks ...

  6. solidity数据类型

    1.Bool类型 取值:true/false 运算符:!  && || == != 2.Integer整型 uint8-uint256 int8-int256 uint == uint ...

  7. Hashtable(哈希表)

    简体字繁体字转化: class Program { static void Main(string[] args) { Hashtable ht = new Hashtable(); ; i < ...

  8. vim 安装vundle 之curl

    百度出来的博客文章,配置curl.cmd 的内容win7 x64 好像有误 贴下正确的 @rem Do not use "echo off" to not affect any c ...

  9. PAT 1062 Talent and Virtue

    #include <cstdio> #include <cstdlib> #include <cstring> #include <vector> #i ...

  10. 使用CKRule规则引擎处理多变业务

    1, 多变业务 开发系统时,有没有试过下面的情况,如果你试过,那可以考虑一下使用规则引擎了. 序号 问题 举例 1 业务规则来自于一个或多个表格 商店的会员积分表,停车场的计费标准,快递费的计算表,客 ...