• .net asp 实现json 格式跨域访问 的方法


    在<configuration> 配置目录下添加允许跨域的头部信息

    //webapi 默认的web.config有配置
    //1)删除 下面参数  否者WEB API 会 出现405 错误   没有此配置可直接第二步 ↓
    <handlers>
    <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
    <remove name="OPTIONSVerbHandler" />
    <remove name="TRACEVerbHandler" />
    <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
    </handlers>
    
    
    //2)添加配置//
     <system.webServer>
    
        <httpProtocol>
          <customHeaders>
            <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
            <add name="Access-Control-Allow-Headers" value="X-PINGOTHER, Content-Type,X-Requested-With"/>
            <add name="Access-Control-Allow-Origin" value="*" />
    
    //需要回传cooki 
    <add name="Access-Control-Allow-Credentials" value="true"/>
    <add name="withCredentials" value="true"/>
          </customHeaders>
        </httpProtocol>
    
    
    
    
    
    
    
      </system.webServer>

    [System.Web.Services.WebMethod]//声明调用的方法

        public static bool Test(string word)

    {

    return ture;

    }

    //回传格式 joson '{d:"返回数据"}'

    jq post 数据方法



                    var params = '{name:"' + 'a' + '"}'; // name 参数名 调用的函数对应的名字 ,与静态函数的传参名相同
                    $.ajax({
                        url: "http://localhost:57437/del.aspx/Test",  //调用后台方法  Test
                        data: params,
                        type: "post",
                        dataType: 'text',
                        contentType: "application/json; charset=utf-8",  //设置类型,注意一定不能丢  
                        success: function (data) {
                            console.log(data);
                        }
                    }); 

  • 相关阅读:
    html5和css3的新特性
    实现全选按钮的js代码
    window.location对象获取浏览器地址栏的地址信息
    珍爱网前端笔试题之九宫格的实现
    c# array arraylist list
    解决visual studio不能发现单元测试、无法运行单元测试的方法
    Linux 学习笔记
    C++语言学习
    C语言学习
    日志打印,设置开关类【编程技巧】
  • 原文地址:https://www.cnblogs.com/embaobao/p/10720843.html
Copyright © 2020-2023  润新知