随笔分类

随笔档案

阅读排行榜

评论排行榜

最新评论

1. Re:VS2022/VS2019安装WinForm打包程序，Microsoft Visual Studio Installer Projects 2022下载(网盘下载)，Installer Projects 2019下载,图标库，VS2022打包程序添加步骤，打包程序.Net Framework版本选择
泰裤辣
--超级驼鹿
2. Re:MAUI Blazor安卓返回键事件，退出app
@Yu-Core 嗯，我用过这个App.Current.Quit();我没加叹号。退出是退出了，但总是弹出一个app停止运行的提示。所以才改成Process.KillProcess(Process.M...
--邢帅杰
3. Re:MAUI Blazor安卓返回键事件，退出app
退出app应该用App.Current!.Quit();
--Yu-Core
4. Re:WCF的例子
这只是适合iis宿主吗还需要sdk？？
--等等小九吧717
5. Re:.NET Core自定义TagHelper和使用Serilog
关于taghelper的教程我看比较少，老哥有推荐的网站吗
--Azrng

使用jsonp跨域发送请求

如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。

使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。

服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。

如果要指定回调函数的参数名来取代默认的callback，可以通过设置$.ajax()的jsonp参数。

注意，JSONP是JSON格式的扩展。他要求一些服务器端的代码来检测并处理查询字符串参数。

如果指定了script或者jsonp类型，那么当从服务器接收到数据时，实际上是用了<script>标签而不是XMLHttpRequest对象。

这种情况下，$.ajax()不再返回一个XMLHttpRequest对象，并且也不会传递事件处理函数，比如beforeSend。

在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，比如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

JSONP的实现思路

前端创建script标记，设置src，添加到head中（你可以往body中添加）
后台返回一个js变量jsonp，这个jsonp就是请求后的JSON数据
回调完成后删除script标记（还有一些清理工作如避免部分浏览器内存泄露等）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/jquery.min.js"></script>
    <script>
        function SaveData() {
            var UserName = "星辰雾海";
            $.ajax({
                type: "post",
                url: "http://116.228.89.136:8032/test.aspx",
                dataType: "jsonp",
                //这两句指定回调函数为：CallBackUser
                jsonp: 'callback',
                jsonpCallback: 'CallBackUser',
                data: { UserName: UserName },
                success: function (data) {
                    //jsonp请求，不会执行此函数，只执行CallBackUser
                    alert(data.UserName);
                }
            });
        }
        function CallBackUser(jsonData) {
            alert(jsonData.UserName);
        }
    </script>
</head>
<body>
    <input type="button" id="btnAdd" value="Test" onclick="SaveData()" />
</body>
</html>

请求Url：

http://116.228.89.136:8032/test.aspx?callback=CallBackUser&UserName=%E6%98%9F%E8%BE%B0%E9%9B%BE%E6%B5%B7&_=1457492166376

这个地址是自动拼接而成，注意中间拼接的 jsonp 参数的值，是你本地页面中的函数名称，在data属性中设置。

服务端代码：

protected void Page_Load(object sender, EventArgs e)
        {
            //http://116.228.89.136:8032/test.aspx?callback=jQuery11130304913979023695_1457491748431&jsonp=CallBackUser&UserName=%E6%98%9F%E8%BE%B0%E9%9B%BE%E6%B5%B7&_=1457491748433
            string json = "{UserName:\"My nam is "+Request["UserName"]+"!\"}";
 
            string callback = Request["callback"];
            Response.Write(callback + "(" + json + ")");
            Response.End();
        }