Передача строк запроса URL в поля формы HTML с использованием Javascript - PullRequest
Новая
       6

Передача строк запроса URL в поля формы HTML с использованием Javascript

0 голосов
/ 11 сентября 2018

Я всегда использовал PHP для передачи строк запроса в формы, но я стремлюсь перейти к сценарию статического сайта и мне нужны данные запроса из URL-адреса для заполнения полей формы.

У меня есть код без ошибок консоли, но данные не передаются в поля формы. Кто-нибудь знает, как это можно сделать для всех современных и устаревших браузеров? 

function getQueryString() {
    var result = {};
    if(!window.location.search.length) return result;
    var qs = window.location.search.slice(1);
    var parts = qs.split("&");
    for(var i=0, len=parts.length; i<len; i++) {
        var tokens = parts[i].split("=");
        result[tokens[0]] = decodeURIComponent(tokens[1]);
    }
    return result;
}

$(document).ready(function() {
    $("#theForm").submit(function(e) {
        //var that = this;
        var qs = getQueryString();
        for(var key in qs) {
            var field = $(document.createElement("input"));
            field.attr("name", key).attr("type","hidden");
            field.val(qs[key]);
            $(this).append(field);
        }
    });
});

https://formpopulate.netlify.com/index.html?name=john&email=john@aol.com https://formpopulate.netlify.com/

1 Ответ

0 голосов
/ 11 сентября 2018

Вы должны использовать URL seachParams: 

var params = (new URL("https://example.com/?name=Jonathan&age=18&test=a%20long%20string")).searchParams;
var name = params.get("name"); console.log(name); // is the string "Jonathan"
var age = parseInt(params.get("age")); console.log(age);// is the number 18
var test = params.get("test"); console.log(test); // is a long string
...