Ajax前台如何向后台传值呢,本人对ajax不懂,肯定大神帮助,在此谢谢了.
1个回答
展开全部
// ↓一般处理程序
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
int id = 0;
int.TryParse(context.Request.Form["id"], out id);//接收参数
string name = context.Request.Form["name"];
//这里进行数据处理 或 对数据库的操作
context.Response.ContentType = "text/plain";//返回数据类型
context.Response.Write("id:" + id + " name:" + name);//返回数据
}
public bool IsReusable {
get {
return false;
}
}
}
// ↓ 页面
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>
<!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 src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function btnClick() {
var tb = document.getElementById("tb");
var idIndex = tb.rows[0].cells[0].getElementsByTagName("input")[0].value;
var nameIndex = tb.rows[0].cells[1].getElementsByTagName("input")[0].value;
$.ajax({
url: '/Test/ReturnStr.ashx',//ajax提交路径
type: 'post',//提交方式
data: { id: idIndex, name: nameIndex },//提交参数
success: function (result) {//ajax请求完成时执行，result为返回的结果
alert(result);
},
error: function () {
alert("ajax请求处理错误");
}
});
}
</script>
</head>
<body>
<table id="tb">
<tr><td><input type="text" /></td><td><input type="text" /></td></tr>
</table>
<input id="xx" type="button" value="提交" onclick="btnClick()"/>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
int id = 0;
int.TryParse(context.Request.Form["id"], out id);//接收参数
string name = context.Request.Form["name"];
//这里进行数据处理 或 对数据库的操作
context.Response.ContentType = "text/plain";//返回数据类型
context.Response.Write("id:" + id + " name:" + name);//返回数据
}
public bool IsReusable {
get {
return false;
}
}
}
// ↓ 页面
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>
<!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 src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function btnClick() {
var tb = document.getElementById("tb");
var idIndex = tb.rows[0].cells[0].getElementsByTagName("input")[0].value;
var nameIndex = tb.rows[0].cells[1].getElementsByTagName("input")[0].value;
$.ajax({
url: '/Test/ReturnStr.ashx',//ajax提交路径
type: 'post',//提交方式
data: { id: idIndex, name: nameIndex },//提交参数
success: function (result) {//ajax请求完成时执行，result为返回的结果
alert(result);
},
error: function () {
alert("ajax请求处理错误");
}
});
}
</script>
</head>
<body>
<table id="tb">
<tr><td><input type="text" /></td><td><input type="text" /></td></tr>
</table>
<input id="xx" type="button" value="提交" onclick="btnClick()"/>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
