ASP.NET之通过JS向服务端(后台)发出请求(__doPostBack is undefined)

ASP.NET回发数据是通过函数__doPostBack来实现的,该函数在添加了服务端控件,并将AutoPostBack设置为true之后,将自动生成,具体可以参看下面的图。

同时还会生成隐藏控件,其ID为__EVENTTARGET和__EVENTARGUMENT,前一个是用于存放key的,后一个用于存放参数的。

所以在后台通过Request.Form来获取所要的数据,test.aspx.cs代码如下

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ExampleTest
{
    public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            String key = Request.Form["__EVENTTARGET"];
            if (!String.IsNullOrWhiteSpace(key))
            {
                String value = Request.Form["__EVENTARGUMENT"];
                String info = "Key=" + key + " Value=" + value;
                Response.Write("<script type=\"text/javascript\">alert('" + info + "');</script>");

                TextBox1.Text = info;
            }      

        }
    }
}

注:

对于Button和ImageButton会有不一样,可以参考下面的文章

http://blog.csdn.net/luxuejuncarl/article/details/1479226

http://www.cnblogs.com/hjf1223/archive/2006/07/05/443761.html

效果图:

附前端代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="ExampleTest.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function test() {
            __doPostBack("AA", "111");
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="btnTest" type="button" onclick="test();" value="test" />

            <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true"></asp:TextBox>
        </div>

    </form>
</body>
</html>

ASP.NET之通过JS向服务端(后台)发出请求(__doPostBack is undefined)

时间: 2024-10-28 10:28:15

ASP.NET之通过JS向服务端(后台)发出请求(__doPostBack is undefined)的相关文章

ASP.NET MVC传送参数至服务端

ASP.NET MVC传送参数至服务端,前端与服务端的写法,你可以参考与采用适合你的需求的.当你只传递一两个参数也许觉得没有什么,如果一个方法中带的参数多的话,可以考虑model,前端可以考虑对象进行,这样与model的属性名称比对,好维护与少错误. 下面所有演示均是在ASP.NET MVC环境中进行. 在控制器中,创建两个Action,第二个Action是带四个参数的方法,正常开发环境中,你有几个参数,就得写上几个参数. 在视图中,需要把用户填写或是选择的值传给Action的Post1()方法

如何创建一个客户端回调:js获得服务端的内容?

答案:表面上看去就是前端的js调用服务的C#方法,本质就是ajax,通过XMLHttpRequest对象和服务端进行交互.回调:就说回过头来调用,按理说js是一种脚本语言,怎么能用来调用服务端的呢?就是通过XMLHttpRequest实现的. 下面说一些具体的操作步骤 1.页面继承接口System.Web.UI.ICallbackEventHandler //继承接口使得:该页面可以作为服务器上的回调事件的目录 2.定义前端代码如下 <div> 请输入信息: <input type=&q

解析Nuxt.js Vue服务端渲染摸索

本篇文章主要介绍了详解Nuxt.js Vue服务端渲染摸索,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Nuxt.js 十分简单易用.一个简单的项目只需将 nuxt 添加为依赖组件即可.Vue因其简单易懂的API.高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐.国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的.我们知道,SPA前端渲染存在两大痛点:(1)SEO.搜索引擎爬虫难以抓取客户端渲染的

asp.net core系列 74 Exceptionless服务端安装

原文:asp.net core系列 74 Exceptionless服务端安装 一.   Docker安装 Docker   要求版本Docker 18.09.0+以上 安装地址:https://www.runoob.com/docker/windows-docker-install.html 1.操作系统win10系统,在启用或关闭Windows功能中,开启hyper-v 2.安装后,在cmd中使用docker version查看版本信息为19.3.在电脑右下角有个小鲸鱼图标 3.设置镜像加速

号召大伙完善一个IM系统---------C#+JS (二)-------服务端封装Redis

这个IM的服务端,使用的是Redis作为数据库 我一开始使用的redis的SDK是ServiceStack.Redis,但是据说它是收费的,测试版的一个小时内只能发送1000个请求?? 后来,我改成使用StackExchange.Redis作为Sdk,并根据它的特点进行了一些封装.下面,介绍一下 为什么这样封装以及封装的内容. 我们先看一下封装后,是如何调用的(最终的目的就是要这样) 使用关系型数据库(mysql,sqlserver..)时,我们都是有一个DAL层的,dal层的每个类,对应的是一

js根据服务端返回的时间倒计时

使用服务端与本地的时间差进行计算 $(function(){ // 倒计时 var _ordertimer = null; var data =new Date(); var txt = $('.js_time_txt'); var buyTime = '2018/03/28 10:30:00'; //开抢时间 var nowTime = '2018/03/16 17:00:00'; //接口返回当前时间 var dateDiff = new Date(nowTime) - new Date(g

jsp作为服务端,ajax请求回应

刚学ajax,想以jsp作为服务端,来回应ajax的请求: 代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="../js/jquery.min.js" ></script> <script type=&

HttpClient服务端发送http请求

本来以为对跨域问题的处理已经比较熟练了.可以通过jsonp.document.domain+iframe.window.name.window.postMessage.服务器上设置代理页面来解决.但还是遇到了难题dva封装的request: 1.robe-ajax用它来调其他网站的api,会报跨域问题怎么设置也没用. 2.fetch可以通过设置mode:no-cors来解决跨域,但到checkStatus时会报错,network能看到response. 3.jq ajax设置dataType:j

Android 手机卫士--构建服务端json、请求网络数据

本文地址:http://www.cnblogs.com/wuyudong/p/5900384.html,转载请注明源地址. 数据的传递 客户端:发送http请求 http://www.oxx.com/index.jsp?key=value 服务器:在接受到请求以后,给客户端发送数据,(json,xml),json数据从数据库中读取出来,读取数据拼接json,语法规则,结构 获取服务器版本号(客户端发请求,服务端给响应,(json,xml)) http://www.oxxx.com/update.