在花了幾個小時嘗試不同的代碼后,我很想得到你的幫助!我試圖用jQuery從我的頁面上的不同尿液中獲取URL屬性。 我試圖用jQuery從我的頁面上包含在表單元素中的不同的URL屬性中獲取。 HTML的例子:
<form action="https://www.example.com/register-offer?provider=directEnergie" target="_blank" method="post" /span>> </form>
<form action="https://www.example.com/register-offer? provider=engie" target="_blank" method="post" /span>> </form>
我使用這段代碼來獲取第一個點擊的網址,但如果我點擊另一個表單的網址,它總是回傳第一個網址 :
function(){
var f = $('form').attr('action')。
return f.split('=').pop(); //
uj5u.com熱心網友回復:
//url = "https://www.example.com/register-offer?provider=directEnergie";
let url = new URL($("form"/span>). attr("action") )。
console.log(url.searchParams.get('provider')
//output:.
//directEnergie
uj5u.com熱心網友回復:
你可以試試這個代碼 :
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax. googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">< /script>
<script>
function click_form(element){
var action = element.action。
var param = action.split('='/span>).pop()。
alert(param)。
</script>>
</head>
<body>
<form action="https://www.example.com/register-offer? provider=directEnergie" target="_blank"/span> method="post" onclick="click_form(this); ">點擊表單1</form>
<br>/span>
<form action="https://www.example.com/register-offer? provider=engie"/span> target="_blank"/span> method="post" onclick="click_form(this); ">點擊表單2</form>
</body>/span>
</html>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
這應該是可行的
function click_form(e) {
console.log(e.action。 split('=').pop()
return e.action.split('='/span>).pop()。
}
<form action="https://www.example.com/register-offer? provider=directEnergie" target="_blank"/span> method="post" onclick="click_form(this); ">點擊表單1</form>
<br>/span>
<form action="https://www.example.com/register-offer? provider=engie"/span> target="_blank"/span> method="post" onclick="click_form(this); ">點擊表單2</form>
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
function callback() {
//獲得單一的URL。
var form = $('form')
var f = $('form').attr('action')。
//console.log(f);
//獲得每個url的資訊
$.each(form, function (i,data) {
console.log($(this).attr('action'))。
});
//獲得每個URL提供者的資訊
$.each(form, function (i,data) {
console.log($(this) 。 attr('action').split('=').pop()。
});
}
callback()
<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<form action="https://www.example.com/register-offer? provider=directEnergie" target="_blank" method="post" /span>> </form>>
<form action="https://www.example.com/register-offer? provider=engie" target="_blank" method="post" /span>> </form>
<iframe name="sif3" sandbox="allow-form allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/319549.html
標籤:
