Href 转到另一个页面并在该页面上加载 ajax
Href to go to another page and load ajax on that page
在 页面 A 我有这些导航 link:
<li>
<a href="PageB.aspx" target="_blank" class="active">
<span>Option 1</span> //<--I want to go to page B and load Ajax1
</a>
</li>
<li>
<a href="PageB.aspx" target="_blank">
<span>Option 2</span> //<--I want to go to page B and load Ajax2
</a>
</li>
在 页面 B 上,我有这些导航 link 可以在该页面上加载 ajax:
<li >
<a href="AjaxHandler/Ajax1.ashx?Type=Page&Security=0">
<span>Ajax 1</span>
</a>
</li>
<li >
<a href="AjaxHandler/Ajax2.ashx?Type=Page&Security=0">
<span>Ajax 2</span>
</a>
</li>
我想当我点击页面A上的选项1时,它会转到页面B并加载Ajax 1在页面 B 上,同样转到 Option2,我希望它转到页面 B 并在页面 B 上加载 Ajax 2。
现在A页面的navlink只会去B页面,我需要单独点击B页面的navlink才能在那个页面加载ajax。
我可以通过页面 A 上的 href
实现吗?如果有人能提供帮助,我们将不胜感激。
非常感谢 vicpermir 我弄明白了。
A页:将参数传递给B页
<li>
<a href="PageB.aspx?ajaxRequest=1" target="_blank">
<span>Option 1</span> //<--I want to go to page B and load Ajax1
</a>
</li>
<li>
<a href="PageB.aspx?ajaxRequest=2" target="_blank">
<span>Option 2</span> //<--I want to go to page B and load Ajax2
</a>
</li>
页面 B:将 class 添加到 ajax 处理程序
<li >
<a href="AjaxHandler/Ajax1.ashx?Type=Page&Security=0" class="ajax1">
<span>Ajax 1</span>
</a>
</li>
<li >
<a href="AjaxHandler/Ajax2.ashx?Type=Page&Security=0" class="ajax2">
<span>Ajax 2</span>
</a>
</li>
$(document).ready(function (){
,共 javascript
,位于 页 B:
function LoadAjaxOnPage() {
let params = (new URL(document.location)).searchParams;
let paramVal = params.get("ajaxReq");
if (parseInt(paramVal) == 1) {
document.getElementsByClassName("ajax1")[0].click();
}
if (parseInt(paramVal) == 2) {
document.getElementsByClassName("ajax2")[0].click();
}
}
基本上发生的事情是,当页面 B 加载时,它采用从页面 A 传递的参数并根据该参数自动点击页面 B 上的 href
。
在 页面 A 我有这些导航 link:
<li>
<a href="PageB.aspx" target="_blank" class="active">
<span>Option 1</span> //<--I want to go to page B and load Ajax1
</a>
</li>
<li>
<a href="PageB.aspx" target="_blank">
<span>Option 2</span> //<--I want to go to page B and load Ajax2
</a>
</li>
在 页面 B 上,我有这些导航 link 可以在该页面上加载 ajax:
<li >
<a href="AjaxHandler/Ajax1.ashx?Type=Page&Security=0">
<span>Ajax 1</span>
</a>
</li>
<li >
<a href="AjaxHandler/Ajax2.ashx?Type=Page&Security=0">
<span>Ajax 2</span>
</a>
</li>
我想当我点击页面A上的选项1时,它会转到页面B并加载Ajax 1在页面 B 上,同样转到 Option2,我希望它转到页面 B 并在页面 B 上加载 Ajax 2。
现在A页面的navlink只会去B页面,我需要单独点击B页面的navlink才能在那个页面加载ajax。
我可以通过页面 A 上的 href
实现吗?如果有人能提供帮助,我们将不胜感激。
非常感谢 vicpermir 我弄明白了。
A页:将参数传递给B页
<li>
<a href="PageB.aspx?ajaxRequest=1" target="_blank">
<span>Option 1</span> //<--I want to go to page B and load Ajax1
</a>
</li>
<li>
<a href="PageB.aspx?ajaxRequest=2" target="_blank">
<span>Option 2</span> //<--I want to go to page B and load Ajax2
</a>
</li>
页面 B:将 class 添加到 ajax 处理程序
<li >
<a href="AjaxHandler/Ajax1.ashx?Type=Page&Security=0" class="ajax1">
<span>Ajax 1</span>
</a>
</li>
<li >
<a href="AjaxHandler/Ajax2.ashx?Type=Page&Security=0" class="ajax2">
<span>Ajax 2</span>
</a>
</li>
$(document).ready(function (){
,共 javascript
,位于 页 B:
function LoadAjaxOnPage() {
let params = (new URL(document.location)).searchParams;
let paramVal = params.get("ajaxReq");
if (parseInt(paramVal) == 1) {
document.getElementsByClassName("ajax1")[0].click();
}
if (parseInt(paramVal) == 2) {
document.getElementsByClassName("ajax2")[0].click();
}
}
基本上发生的事情是,当页面 B 加载时,它采用从页面 A 传递的参数并根据该参数自动点击页面 B 上的 href
。