双向Script 标签通信

最新推荐文章于 2024-06-22 08:00:00 发布
最新推荐文章于 2024-06-22 08:00:00 发布
阅读量545 收藏
点赞数
文章标签： button 服务器 function xhtml html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengone/article/details/5182897
版权

使用JavaScript 动态生成标记Script可以产生http请求,进而通过查询字符串来向服务器提交数据,实现用较小的局部刷新来与服务器通信的目的.(源码下载地址:http://codechina.net/source/2001372)html 代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="script.aspx.cs" Inherits="script" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">

   //发出请求函数
    function sendRequest()
    {
       document.getElementById("ResultDiv").innerText="";
       var newScript=document.createElement("script");
       newScript.src="scripthandler.ashx?msg="+escape(form1.Text1.value);
       document.body.appendChild(newScript);
      
    }

   //调用成功后的回调函数
    function requestComplete(arg)
    {
       document.all.ResultDiv.innerHTML=arg;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <input id="Button1" type="button" value="button"  οnclick="sendRequest();"/>
        <input id="Text1" type="text" />
        <div id="ResultDiv"></div>
    </div>
    </form>
</body>
</html>
服务器端处理请求代码(scripthandler.ashx):

 

<%@ WebHandler Language="C#" Class="scriptHandler" %>

using System;
using System.Web;

public class scriptHandler : IHttpHandler
{
   
    public void ProcessRequest (HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        //接收参数并处理后(这里省略了对参数的处理),输出脚本调用requestComplete方法
        context.Response.Write("requestComplete   ('<b>Hello,"+context.Request.QueryString[0]+"!</b>');");
    }
 
    public bool IsReusable

{
        get

       {
            return false;
        }
    }

}

 

dengone
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SignalR与C#：构建实时双向通信的Web应用的魔法秘籍
java专栏
07-26 800
SignalR是一个用于ASP.NET Core的实时通信框架。它允许服务器端代码推送内容到客户端，支持WebSockets、Server-Sent Events和长轮询等多种传输方式。C#是一种面向对象的编程语言，它与.NET框架紧密结合，是开发SignalR应用的理想选择。
汇川H5U PLC标签与HMI通讯
02-17
汇川H5U PLC标签与HMI通讯
Codesys通过标签通讯与昆仑屏通讯
m0_58517570的博客
03-15 2637
今天我用codesys通过标签通讯与昆仑屏通讯做了一个测试。感觉比ModbusTCP要方便很多。以下是我操作的步骤。有兴趣的可以看下，有更多屏通讯的方式也可以留言，学习交流下。以上就是用Codesys标签通讯与昆仑屏通讯的操作步骤。有好的通讯方式或简单的也非常欢迎分享下。
【前端技术】标签页通讯localStorage、BroadcastChannel、SharedWorker的技术详解
最新发布
傲泣龙腾的博客
06-22 1万+
随着 Web 应用的复杂化和功能的增加，很多时候我们某些业务功能需要实现标签页间的通讯，基于这种需求下，我们必须要掌握一些标签页通讯的技术，本文博主将和大家分享三种常见的标签页通讯技术：事件、和到这里博主已经详细介绍了三种常见的浏览器标签页通讯方式，包括事件、和，这些技术各有优劣，小伙伴可以根据实际需求选择合适的解决方案，以实现高效的标签页间通讯。文中的代码样例大家可以直接复制测试运行效果，如果本文对您有所帮助，希望一键三连给博主一点点鼓励，如果您有任何疑问或建议，请随时留言讨论！
跨标签页通讯
qq_41396714的博客
03-24 278
跨标签页通讯 指的是浏览器中的多个选项卡或窗口之间进行通信（在同一个域上，而不是CORS）的具体应用。
浏览器多页标签通讯
cxz
05-21 214
前言 文章开始之前我先解释一下什么是浏览器标签页面之间通信，通俗点讲就是我在浏览器中开了多个窗口，在其中一个窗口做了一些行为等其它的窗口不用刷新也能有相关表现。比如我在浏览器开一个商品信息窗口，一个购物车窗口，我在商品信息窗口某个商品上点击加入购物车，购物车窗口中就自动多出一个商品，不用去手动刷新，这就是两个标签页面之间的通信，那么怎么实现呢？有四种方式(我目前就知道这么多)，接下来我就一一演示并详细解释其原理。 浏览器localStorage localStorage.setItem设置数据 在另一个标签
基于script标签引入vue.js
08-21
接下来，在`<script>`标签内，我们创建了一个Vue实例，并将其挂载到ID为`app`的DOM元素上，数据对象`data`包含了我们想要显示的信息。 Vue.js的核心特性包括： 1. **响应式数据绑定**：Vue.js使用`v-bind`指令实现...
Node.js-socket.io实现简单的双向通信聊天功能
08-10
两个不同的浏览器窗口或标签页之间可以实现实时双向通信聊天功能。 总结起来，Node.js和Socket.IO结合使用可以轻松创建实时双向通信应用。在这个例子中，我们创建了一个简单的聊天应用，展示了如何处理连接、断开和...
WebSocket双向通信（java+tomcat+html5）
11-23
总结起来，本项目利用WebSocket协议，结合Tomcat 7.0服务器和HTML5技术，构建了一个简单的双向通信示例。服务端通过Java API处理WebSocket连接和消息交互，客户端使用HTML5 WebSocket API与服务器进行实时通信。这样...
nativescript-groceries-tutorial：NativeScript杂货店教程
02-04
4. **数据绑定和组件通信**：掌握Angular的数据绑定机制，包括属性绑定、事件绑定和双向数据绑定，以及组件间的通信方式，如注入服务或使用行为事件。 5. **TypeScript特性和优势**：了解TypeScript的静态类型系统...
如何实现浏览器标签页之间的通信
luxigaola的博客
09-21 1529
​ 前端开发过程中，总是避免不了要进行前端标签页之间的通信，最经典的例子莫过于音乐播放网站中，当第一次点击播放列表中的歌曲时，它会打开一个新的标签页进行播放，而当在列表中再次点击歌曲播放时，并不会再多打开一个标签页，而是会在刚才新打开的标签页上播放歌曲。
JavaScript怎么实现两个窗口之间的通信？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
08-03 4351
问题 最近在进行业务开发的时候，遇到一个问题，就是一个页面里面点击打开了一个新的窗口，然后在新的窗口里面保存成功数据之后需要更新前面一个窗口的数据？ window.postMessage的简单介绍 一段时间的挣扎，确定了用postMessage实现改功能，没办法，这个再一次涉及到了我的知识盲区。 我们先来看一看MDN上怎么说 简介 【window.postMessage】 window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协
前端浏览器跨标签通信方式分享
dfc_dfc的博客
04-14 1245
浏览器跨标签通信分享
跨标签通信的常见方案
weixin_44846945的博客
04-17 300
个人感觉使用其实很简单，花个几分钟就能实现，当然以上其实还需要个关闭通道，channel.close()，要是想优化封装下，那再花点时间即可，这里我就不去封装了，我认为呢，这个东西难就难在你知不知道有这个东西，也就是知识面的广度，我写的也很随意，个人感觉这种可能确实不是很常用，但是可以去了解下，增加知识的广度。当然咯，我也知道有些小伙伴想了解下其他方案，或者有小伙伴想要一个能封装好的代码。这里我找到了两篇比较好的大佬博客，大家可以翻阅查看BroadcastChannel简单封装封装链接其他方案详细讲解。
Vue3 单文件组件 ＜script setup＞＜/script ＞ 组件通信方式
m0_48292596的博客
01-25 1353
1.props //接收父组件数据 //使用单文件组件语法 props 传值方法 要使用defineProps方法,这个是不需要引入的 //子组件 <script setup> let prop = defineProps({ propA: { type: String, //数据类型 required: true, //是否必填 default: '你好,Vue3', //默认值 validator(value) {//验证数值 // 这个值必须与下列字符串中的
JavaScript入门
The_last_knight的博客
02-01 630
JavaScript入门 JavaScript在HTML代码中的书写位置   JavaScript书写的位置有三个: &lt;script&gt;标签内 HTML标签内 在js文件中，需要以该种方式引入&lt;script src="js文件的路径"&gt;   需要注意的几个问题: 如果一对script标签内的某行代码有问题，那么该标签内的该行代码后的代码不会被执行。 script标签之间...
两个纯Html之间的传值
aosica321的专栏
04-28 977
http://blog.sina.com.cn/s/blog_664c8e480100izbw.html index1.htm页面 New Document     function show(){         var result = document.getElementByIdx("name").value;         lo
调用postek标签打印机如何解决接口跨域问题
06-10
2.使用 JSONP：通过动态创建 script 标签，将需要请求的数据作为参数拼接到 URL 上，服务端返回一个特定的格式的 JSON 数据，前端通过回调函数来处理数据。 3.使用 CORS：服务端设置响应头 Access-Control-Allow-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值