繁体   English   中英

使用Ajax / JQuery / C#将URL参数从子页面传递回主页吗?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM