[英]Passing URL parameters back to main page from subpages using Ajax/JQuery/C#?
Page1.aspx具有一个span元素“ class1”,该元素触发Ajax请求“ .click”事件,这由Page2.aspx处理。 Page2.aspx使用“ class2”呈现另一个span元素。 单击“ class2”将触发在Page3.aspx上定义的另一个Ajax请求。
问题是,如何获取Page1.aspx来拾取anotherid参数,以便对其进行处理? 所有结果都将转回到#results。
我什至一开始就这样做吗???
Page1.aspx(HTML):
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$('.class1').click(function () {
$.ajax({
contentType: "text/html; charset=utf-8",
//detect span "class2" was clicked and append to url here?
//data: "id=" + this.id + ",anotherid=" + ???
data: "id=" + this.id,
url: "Page2.aspx",
dataType: "html",
success: function (data) {
$('#results').html(data);
}
});
});
});
</script>
</head>
<body>
<div><span class="class1" id="123">Click</span></div>
<div id="results"></div>
</body>
</html>
Page2.aspx(隐藏代码):
protected void Page_Load(object sender, EventArgs e)
{
string id = Request.QueryString["id"];
Response.Write("<span class=\"class2\" id="456">" + id + "</span>");
}
Page2.aspx(HTML):
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$('.class2').click(function () {
$.ajax({
contentType: "text/html; charset=utf-8",
data: "anotherid=" + this.id,
url: "Page3.aspx",
dataType: "html",
success: function (data) {
$('#results').html(data);
}
});
});
});
</script>
</head>
<body>
</body>
</html>
Page3.aspx(隐藏代码):
protected void Page_Load(object sender, EventArgs e)
{
string tags = Request.QueryString["anotherid"];
//do something with anotherid.
}
参见以下代码:
$.ajax({
type: "POST",
url: "PageX.aspx?anotherid=" + $(this).attr("id"),
success: function (data) {
$('#results').html(data.text());
}
});
希望对您有所帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.