说明：我们知道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. pat00-自测4. Have Fun with Numbers (20)

    00-自测4. Have Fun with Numbers (20) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yu ...

  2. 用jquery来实现正反选选择框checkbox的小示例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 白话SpringCloud | 第五章：服务容错保护(Hystrix)

    前言 前一章节,我们知道了如何利用RestTemplate+Ribbon和Feign的方式进行服务的调用.在微服务架构中,一个服务可能会调用很多的其他微服务应用,虽然做了多集群部署,但可能还会存在诸如 ...

  4. C# 调用者信息获取

    做日志组件时,常常会记录调用者信息,通常都是通过反射来获取相应信息.不过.Net 4.5引入了三个新的特性,即CallerFilePathAttribute,CallerLineNumberAttri ...

  5. JavaScript各类型变量和对象

    一.javascript支持的数据类型: var x=1 数字 var x=0.1   小数 var x=true/false bool var x="abc"      字符串 ...

  6. select(有局限性)，jq循环添加select的值

    加载的时候改变select的默认值,只需改变select的value值 $("#one").val(@ViewBag.val);//@ViewBag.val是要默认选中的值的val ...

  7. java字节码速查笔记

    java字节码速查笔记  发表于 2018-01-27 |  阅读次数: 0 |  字数统计: |  阅读时长 ≍ 执行原理 java文件到通过编译器编译成java字节码文件(也就是.class文件) ...

  8. dubbo-admin网页管理控制台

    由于近段时间在看dubbo,网上找到的这个war包发布到tomcat报错,故从git(https://github.com/apache/incubator-dubbo-ops)上重新下载编译了版本 ...

  9. PAT 1070 Mooncake

    题目意思能搞成这样我也是服了这个女人了 #include <cstdio> #include <cstdlib> #include <vector> #includ ...

  10. 从零开始的全栈工程师——PHP篇 ( 单词汇总 ) ( php解决文字乱码 )

    解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词 局部的: local 全局的: global 静态的: stat ...