双向Script 标签通信

最新推荐文章于 2024-08-19 12:05:16 发布

dengone

最新推荐文章于 2024-08-19 12:05:16 发布

阅读量592

点赞数

CC 4.0 BY-SA版权

文章标签： button 服务器 function xhtml html javascript

本文链接：https://blog.youkuaiyun.com/dengone/article/details/5182897

本文介绍了一种使用JavaScript动态创建Script标签的方法，以此发起HTTP请求并提交数据到服务器。通过这种方式，网页可以在不完全刷新的情况下与服务器进行通信。示例中详细展示了客户端如何构造请求及服务器端如何处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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">

   //发出请求函数
    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" onclick="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;
        }
    }

}