Href到Onclick重定向
Href to Onclick redirect
我通过社区研究了这个话题,尽管我找不到答案。我正在使用Bronto的直接添加功能(尝试使用它),文档不是很好。
总之,href链接为电子邮件列表中的用户订阅。唯一的问题是这个链接打开了一个新页面。当我希望用户停留在同一页面上时。我想在点击链接时进行重定向,但我不确定这是否有效。
我试过这个:
//Html
<a id="subscription" href="http://example.com">Subscribe</a>
// Jquery
$("#emailsubscribe").click(function(e){
e.preventDefault();//this will prevent the link trying to navigate to another page
//do the update
var href = "http://example.com";
//when update has finished, navigate to the other page
window.location = "href";
});
目标是,我试图让用户点击链接,订阅他们的电子邮件列表,但立即将他们重定向回,而不打开另一个窗口。
您正在寻找AJAX。这允许您在不实际导航到页面的情况下发出请求。由于您使用的是jQuery
$("#emailSubscribe").click(function (e) {
e.preventDefault();
$.get("http://www.myurl.com", function (data) {
//All done!
});
});
您有3个选项:
- 执行AJAX请求以订阅用户
$('#emailsubscribe').on('click', function () {
$.get('/email-subscribe/' + USER_ID, function () {
// redirect goes here
window.location = 'REDIRECT_URL';
});
});
-
使用iframe,当iframe加载完毕时,关闭iframe(丑陋、粗糙、不推荐)
-
让订阅页面重定向用户返回。Aka做常见的消息"你已经订阅了。5秒钟后重定向回来…"。你需要将重定向链接传递到订阅页面,也就是
window.location='/subscribe/USER_ID?redirect_to=/my重定向页面'
您需要引用var,而不是键入另一个字符串来重定向。
//Html
<a id="subscription" href="http://example.com">Subscribe</a>
// Jquery
$("#emailsubscribe").click(function(e){
e.preventDefault();//this will prevent the link trying to navigate to another page
//do the update
var href = "http://example.com";
//when update has finished, navigate to the other page
window.location = href; //<<<< change this.
});
相关文章:
- 通过javascript重定向html传递php变量
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 使用angular重定向到html页面
- 如何在chrome扩展中重定向到html页面
- 无法从jquery Mobile导航栏重定向到另一个页面
- ng视图外的链接重定向到ng视图内的页面
- 按钮don't使用onClick-Javascript HTML重定向
- jQuery onClick() IE 中的音效和重定向
- 链接在javascript onclick函数能够完成之前重定向页面
- HTML图像“onclick”在调用javascript函数时重定向到另一个页面(不需要)
- onClick在5秒后重定向到一侧
- 单击一行时重定向到操作的正确方式(onclick)Yii2
- 根据单选按钮到'的选定选项重定向到页面;onclick',没有'提交'php中的表单
- Href到Onclick重定向
- Onclick重定向到下一页不工作在phonegap
- & # 39; onclick # 39;将用户重定向到他们的主页
- JavaScript提交按钮onclick重定向不工作
- 替换部分URL的onclick和重定向
- Javascript .onclick函数重定向到其他页面
- html表单没有提交按钮和锚链接onclick重定向与输入值