C#前台JS和后台交互问题

本文介绍了如何在C# ASP.NET页面中,通过JavaScript实现用户确认提示和输入值,然后将输入值传递到后台并写入数据库。关键在于使用`<input>`元素和`<form>`标签,以及`Request.Params`来获取前端传来的参数。在用户点击按钮后,`confirms()`函数会弹出确认对话框和输入框,输入的值通过`OnClientClick`事件传回后台的`Button_Click`事件处理函数中。

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

今天遇到一个问题,需要客户在点击一个按钮后,能够提示是否确定,如果确定,则要求用户输入一个数字,并讲这个数字写入数据库。刚开始觉得很简单,后来遇到很多问题,也搜了很多JS和后台交互的东西,最后做出来了,看来有些东西还是需要动手才能有效果。 

好吧说思路。前台JS有个一confirms()函数,用于实现提醒用户,和获取用户输入值。这个值保存在<input  id="username"  runat ="server"  name="username" value="10"  /><input>中。后台可以通过Request.Params["username"]。获取这个值。注意,这个input必须放在<form>内。还有Request.Params传值也很有趣,有兴趣的可以看看这个http://dxz506.blog.163.com/blog/static/103254696200951222240/  http://blog.youkuaiyun.com/works07/archive/2010/08/19/5823050.aspx

最后贴代码

test.aspx

Code:
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>   
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  4.   
  5. <html xmlns="http://www.w3.org/1999/xhtml">   
  6. <head id="Head1" runat="server">   
  7.     <script language="javascript" type="text/javascript">   
  8.        function confirms(obj) {   
  9.            var r = window.confirm("是否确定添加该货物到该货位?");   
  10.            if (r == true) {   
  11.                var value = window.prompt("请输入该货位的最大存储数量:""");   
  12.                var number = document.getElementById("number");   
  13.                number.value = value;   
  14.            }   
  15.            else {   
  16.            }   
  17.        }   
  18.     </script>   
  19.     <title></title>   
  20. </head>   
  21. <body>   
  22.     <form id="form1" runat="server">   
  23.         <input  id="number"  runat ="server"  name="number" value="10"  />   
  24.         <asp:Button ID="Button" runat="server" Text="提交"  OnClientClick="return confirms(this);" OnClick ="Button_Click"/>   
  25.     </form>   
  26. </body>   
  27. </html>   

test.aspx.cs

Code:
  1. using System;   
  2. using System.Collections.Generic;   
  3. using System.Linq;   
  4. using System.Web;   
  5. using System.Web.UI;   
  6. using System.Web.UI.WebControls;   
  7. using System.Configuration;   
  8. using System.Data.SqlClient;   
  9. using System.Data;   
  10. public partial class test : System.Web.UI.Page   
  11. {   
  12.     protected void Page_Load(object sender, EventArgs e)   
  13.     {   
  14.     }   
  15.     /// <summary>   
  16.     /// </summary>   
  17.     /// <param name="sender"></param>   
  18.     /// <param name="e"></param>   
  19.     protected void Button_Click(object sender, EventArgs e)   
  20.     {   
  21.         //string max = number.Value;   
  22.         string max2 = Request.Params["number"];   
  23.         if (max2 == string.Empty || max2 == null)   
  24.         {   
  25.             Response.Write("<script>alert('empty');</script>");   
  26.         }   
  27.         else  
  28.         {   
  29.             Response.Write(max2);   
  30.         }   
  31.     }   
  32. }   

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值