我知道标题听起来与其他一些线程相似,但有点不同。我有几个这样的按钮:
<input type=button name=Ok onclick='window.location="www.bla.com/bla.php"'>
当用户按下其中任何一个时,我希望运行javascript或jquery代码,但之后,我想被发送到 www.bla.com/bla.php。
我有一个用于提交表单的 jquery 代码:
$( document ).ready(function() {
$(':button').click(function(){
document.getElementById('contact').submit();
});
jquery代码有效,但按钮不起作用...
我的解决方案是基于jQuery的。
此处的语法不正确:
<input type=button name=Ok onclick="www.bla.com/bla.php">
将其修改为:
<input type=button name=Ok data-href="www.bla.com/bla.php">
j查询:
$( document ).ready(function() {
$(':button').click(function(){
var hrefCurr = $(this).attr('data-href');
document.getElementById('contact').submit();
window.location.href = hrefCurr;
});
试试这个
<input class="btn" type=button name=Ok data-href="location">
$( document ).ready(function() {
$('.btn').click(function(){
// as you have used jQuery selector you can use it here like this
$('#contact').submit();
var location = $(this).attr("data-href");
window.location.href = location;
});
});
提交表单后,不会执行任何 JavaScript。 表单提交会更改 window.location,这会阻止 javascritpt 从旧 window.location 执行。
但你可以假装它。
-
使用jQuery表单提交表单(如果CORS允许)
-
或者让表单目标处的脚本重定向到所需的位置。
-
或提交到所需的位置,并让那里的脚本将表单数据发送到它应该去的地方
这样
的东西可以完成这项工作吗?
<input type='button' name='ok_btn' id='ok_btn' value='Ok' data-href="www.bla.com/bla.php" />
$(document).ready(
function() {
$('#ok_btn).on('click',function(){
// Do your stuff
// Finally:
window.location.replace($(this).attr('data-href'));
});
}
);