本文介绍了一个简单的示例，展示了如何利用HTML、JavaScript和ASP.NET技术通过GET请求从客户端向服务器发送数据，并接收反馈。该过程涉及前端表单元素的使用、JavaScript中的XMLHttpRequest对象的创建及配置，以及后端对请求参数的处理和响应。
页面
<body>
<label for="txt_username"> 姓名:</label> <input type="text" id="txt_username" />
<br /> <label for="txt_age"> 年龄:</label> <input type="text" id="txt_age" />
<br /> <input type="button" value="GET" id="btn" onclick="btn_click();" />
<div id="result"> </div>
</body>
js代码
<script type="text/javascript">
function btn_click() {
//创建XMLHttpRequest对象
var xmlHttp = new XMLHttpRequest();
//获取值 var username = document.getElementById("txt_username").value;
var age = document.getElementById("txt_age").value;
//配置XMLHttpRequest对象
xmlHttp.open("get", "Get.aspx?username=" + username + "&age=" + age);
//设置回调函数
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
{ document.getElementById("result").innerHTML = xmlHttp.responseText; } } //发送请求 xmlHttp.send(null);
}
</script>
aspx反馈
protected void Page_Load(object sender, EventArgs e) {
Response.Clear();
string username = Request.QueryString["username"];
string age = Request.QueryString["age"]; Response.Write("姓名:'" + username + "'<br/>年龄:" + age + "<br/>时间:'" + DateTime.Now.ToString() + "'"); Response.End();
}
扫一扫
5517
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
