Как передать значение в window.location?

Question

[DestroyerEvo]

Есть список моделей. По клику на модель открывается форма, после отправки формы автоматически скачивается файл. Этот момент работает (с вручную прописанным window.location), но мне нужно по клику на модель, передавать из аттрибута ссылки a href="" значение в window.location

$(document).on('submit','#ajaxForm form',function(ev){
var frm = $('#ajaxForm form');
$.ajax({
    type: 'post',
    url: '/form6',
    data: frm.serialize(),
    success: function (data) {
	 $('#ajaxForm  form').remove();
     $('#ajaxForm').html( data );
	window.location= '';	
    }
});
ev.preventDefault();
})

		
			
			$(document).ready(function(){
				
$('a.mod').click(function() {
$(".par1")
var sup = ($(this).attr('title2'));
    $(".par1").html(sup);
		
	
});
				
	});

<div class="model">
   <a href="#modal" title2="http://ссылка на файл">Название модели</a>
</div>

Передавать нужно аттрибут title2. Как это сделать?

Comments

[Mark Lansky]

Что за изощрения? Почему не сделать обычную ссылку на файл?

[DestroyerEvo]

ZerdoX-x, так хочет клиент

[Mark Lansky]

DestroyerEvo, бред какой. Клиент здесь не при чём. Не понятно, зачем вы пытаетесь переписать поведение обычной ссылки. Любите свои велосипеды?

[DestroyerEvo]

ZerdoX-x, какие велосипеды? Нужно в начале ,чтобы отправилась форма, а потом после отправки, автоматически бы скачался определенный файл

Answer 1

[DestroyerEvo]

Получилось так:

$(document).ready(function(){

$('a.mod').click(function() {
$(".par1")
var sup = ($(this).attr('title2'));
$('#ajaxForm').attr('title3', sup)
	
});
				
	});			
		

    $(document).on('submit','#ajaxForm form',function(ev){
var frm = $('#ajaxForm form');
$.ajax({
    type: 'post',
    url: '/form6',
    data: frm.serialize(),
    success: function (data) {
	 $('#ajaxForm  form').remove();
     $('#ajaxForm').html( data );
	 var sup2 = $('#ajaxForm').attr('title3');	
	 window.location= sup2;		
    }
});
ev.preventDefault();
})

В начале передаю аттрибут с ссылкой на файл в обертку формы, потом этот аттрибут передаю в windows.location
Все работает

Answer 2

[Stalker_RED]

document.addEventListener('click', linksHandler); // слушаем все клики

function linksHandler(evt) {
  // проверяем, были ли клик по ссылке с title2 или по элементу внутри такой ссылки
  const link = evt.target.closest('[title2]');
  if (link) {
    const title2 = link.getAttribute('title2');
    console.log(link);
    console.log(title2);
    // передавай что хочешь
  }
}

Comments

[DestroyerEvo]

Как именно в window.location передать? Именно в этом вопрос, аттрибуты в обычные элементы я умею передавать, а вот в window.location не знаю

[Stalker_RED]

DestroyerEvo, window.location.href = 'http://google.com'

[DestroyerEvo]

Stalker_RED, да я не про это, у меня windows.location выполняется в блоке успешной отправки
success: function (data) {
$('#ajaxForm form').remove();
$('#ajaxForm').html( data );
window.location= '';
}

Мне нужно туда передать значение аттрибута

[Stalker_RED]

DestroyerEvo, не window.location = ... а window.location.href = ...
https://developer.mozilla.org/ru/docs/Web/API/Wind...

[DestroyerEvo]

Stalker_RED, у меня все на jquery, отправка через ajax, событие возникакет после отправки формы, поэтому ваш вариант не подходит

[Stalker_RED]

DestroyerEvo, на первый взгляд все просто, и делается в пару строк:

1. откуда-то взять атрибут (я толком не понял откуда вы его берете, но вы утверждаете, что умеете, и это не проблема.)

2. передать его в location
Это делается вот так:
window.location.href = 'http://google.com'
В вашем случае скорее будет

window.location.href = moyaPeremennayaSoZnacheniemAtributa;

Что именно не подходит? При чем тут jQuery и ajax вообще?