后台C#代码调用前台页面的js无法复制的问题

2020-11-05 05:25:36 9k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

C# Winform WebBrowser控件中的Html与C#后台的数据交互 winform因为其简陋的控件而为人所诟病，即使可以更改控件的样式，但操作繁琐而困难。好在其控件家族中有一个能兼容HTML的强大控件 --- WebBrowser，该控件中可添加html文件，来实现对各种js插件的支持，例如layui、easyui，或者Echarts.js等等。来达到BS端网页程序的效果。阅读详情

我的需求是 js调用C#代码,然后C#代码把执行结果返回给js代码,js代码能接收到. 然后复制返回的值.

目前有2个解决方案都有问题.
第一个是如下js代码
function testClick() {
var strHello = "<%=test()%>";
alert(strHello);
}
test()函数的的返回值是一个字符串,如果执行快没事,js代码啊的strHello 变量可以接收到C#代码返回的值.
如果test()函数里面比较复杂,执行的慢了,strHello 是接收不到值的.

第二个解决方案是
js代码直接调用了test(),但是不接收值,然后test()函数里是这样的:

public void test()
{
ScriptManager.RegisterStartupScript(this.form1, this.Page.GetType(), "", "copyCallback('hello');", true);
}

js函数是这样的:



        function copyCallback(text) {

            var input = document.createElement('input');

            input.setAttribute('id', "copyInput");

            input.setAttribute('value', text);

            document.getElementsByTagName('body')[0].appendChild(input);

            document.getElementById("copyInput").select();

            if (document.execCommand('copy')) {

                document.getElementById("copyInput").remove();

            }

            else {

                document.getElementById("copyInput").remove();

            }

        }

C#的test()函数调用了js的copyCallback函数把参数hello传给了copyCallback,然后就是复制代码了,但是会复制失败.
前台页面直接调用copyCallback函数是可以复制的,但是后台调用这个函数就复制失败了.

这2个解决方案,能解决任意一个都可以实现的的需求,请问有什么办法吗?

...全文

C# 前台页面绑定数据，JSON 你们这么厉害怎么都还来看我的博客，好开心哪，小白分享，自己当时搞不懂，清楚之后发现内容其实都很简单啦，请各位大神不吝赐教哈。 c#前台与后台的绑定分为两种，一种是数据绑定，一种是页面绑定。接下来，我们先说说数据绑定吧，嘻嘻。 1.数据绑定 &amp;amp;amp;amp;amp;lt;%#Eval(&amp;amp;amp;amp;quot;var&amp;amp;amp;amp;quot;)%&amp;amp;amp;amp;amp;gt; //var指阅读详情

「已注销」

.NET社区 62,273 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

好奇都是要学的 2020-11-24

打赏
举报

你调试下先后顺序，就明白了。 JS和代码都点上调试。

webjock 2020-11-18

打赏
举报

引用楼主 threadroc 的回复:

我的需求是 js调用C#代码,然后C#代码把执行结果返回给js代码,js代码能接收到. 然后复制返回的值. 目前有2个解决方案都有问题. 第一个是如下js代码 function testClick() { var strHello = "<%=test()%>"; alert(strHello); } test()函数的的返回值是一个字符串,如果执行快没事,js代码啊的strHello 变量可以接收到C#代码返回的值. 如果test()函数里面比较复杂,执行的慢了,strHello 是接收不到值的. 第二个解决方案是 js代码直接调用了test(),但是不接收值,然后test()函数里是这样的: public void test() { ScriptManager.RegisterStartupScript(this.form1, this.Page.GetType(), "", "copyCallback('hello');", true); } js函数是这样的:
        function copyCallback(text) {
            var input = document.createElement('input');
            input.setAttribute('id', "copyInput");
            input.setAttribute('value', text);
            document.getElementsByTagName('body')[0].appendChild(input);
            document.getElementById("copyInput").select();
            if (document.execCommand('copy')) {
                document.getElementById("copyInput").remove();
            }
            else {
                document.getElementById("copyInput").remove();
            }
        }
C#的test()函数调用了js的copyCallback函数把参数hello传给了copyCallback,然后就是复制代码了,但是会复制失败. 前台页面直接调用copyCallback函数是可以复制的,但是后台调用这个函数就复制失败了. 这2个解决方案,能解决任意一个都可以实现的的需求,请问有什么办法吗?

你用ajax不香吗？

后台C#代码调用前台页面的js无法复制的问题

相关推荐