Как читать параметры почтового запроса с помощью JavaScript

Я пытаюсь прочитать параметры почтового запроса из своего HTML. Я могу прочитать параметры запроса на получение, используя следующий код в JavaScript.

$wnd.location.search

Но это не работает для почтового запроса. Может ли кто-нибудь сказать мне, как читать значения параметров почтового запроса в моем HTML с помощью JavaScript?

Данные POST - это данные, которые обрабатываются на стороне сервера . А Javascript находится на стороне клиента. Таким образом, вы не можете прочитать данные публикации с помощью JavaScript.

Небольшой кусочек PHP, который заставляет сервер заполнять переменную JavaScript, быстро и легко:

var my_javascript_variable = <?php echo json_encode($_POST['my_post'] ?? null) ?>;

Затем просто обратитесь к переменной JavaScript обычным способом.

Обратите внимание, что нет никакой гарантии, что какие-либо данные или тип данных будут опубликованы, если вы не отметите это - все поля ввода являются предложениями, а не гарантиями.

JavaScript - это язык сценариев на стороне клиента, что означает, что весь код выполняется на компьютере пользователя сети. С другой стороны, переменные POST отправляются на сервер и находятся там. Браузеры не предоставляют эти переменные среде JavaScript, и ни один разработчик не должен ожидать их волшебного присутствия.

Поскольку браузер запрещает JavaScript доступ к данным POST, практически невозможно прочитать переменные POST без внешнего субъекта, такого как PHP, отображающего значения POST в переменной сценария или в расширении / надстройке, которое фиксирует значения POST в пути. Переменные GET доступны через обходной путь, потому что они находятся в URL-адресе, который может быть проанализирован клиентским компьютером.

Используйте sessionStorage!

$(function(){
    $('form').submit{
       document.sessionStorage["form-data"] =  $('this').serialize();
       document.location.href = 'another-page.html';
    }
});

На another-page.html:

var formData = document.sessionStorage["form-data"];

Ссылка для справки - https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

Почему бы не использовать localStorage или любой другой способ установить значение, которое вы хотите передать?

Таким образом, у вас будет доступ к нему откуда угодно!

В любом месте я имею в виду в пределах данного домена / контекста

Вы можете прочитать параметр почтового запроса с помощью jQuery-PostCapture ( @ ssut / jQuery-PostCapture ).

Плагин PostCapture состоит из нескольких уловок.

Когда вы нажимаете кнопку отправки, onsubmitсобытие будет отправлено.

В это время PostCapture будет сериализовать данные формы и сохранить их в локальном хранилище html5 (если доступно) или в хранилище файлов cookie.

POST - это то, что браузер отправляет от клиента (вашего брокера) на веб-сервер. Почтовые данные отправляются на сервер через заголовки http, и они доступны только на стороне сервера или между путями (например, прокси-сервером) от клиента (вашего браузера) к веб-серверу. Таким образом, это не может быть обработано из клиентских скриптов, таких как JavaScript. Вам нужно обрабатывать это с помощью серверных скриптов, таких как CGI, PHP, Java и т. Д. Если вам все еще нужно писать на JavaScript, вам нужен веб-сервер, который понимает и выполняет JavaScript на вашем сервере, например Node.js

Если вы работаете с Java / REST API, обходной путь прост. На странице JSP вы можете сделать следующее:

    <%
    String action = request.getParameter("action");
    String postData = request.getParameter("dataInput");
    %>
    <script>
        var doAction = "<% out.print(action); %>";
        var postData = "<% out.print(postData); %>";
        window.alert(doAction + " " + postData);
    </script>

<script>
<?php
if($_POST) { // Check to make sure params have been sent via POST
  foreach($_POST as $field => $value) { // Go through each POST param and output as JavaScript variable
    $val = json_encode($value); // Escape value
    $vars .= "var $field = $val;\n";
  }
  echo "<script>\n$vars</script>\n";
}
?>
</script>

Или используйте его, чтобы поместить их в словарь, который может извлечь функция:

<script>
<?php
if($_POST) {
  $vars = array();
  foreach($_POST as $field => $value) {
    array_push($vars,"$field:".json_encode($value)); // Push to $vars array so we can just implode() it, escape value
  }
  echo "<script>var post = {".implode(", ",$vars)."}</script>\n"; // Implode array, javascript will interpret as dictionary
}
?>
</script>

Затем в JavaScript:

var myText = post['text'];

// Or use a function instead if you want to do stuff to it first
function Post(variable) {
  // do stuff to variable before returning...
  var thisVar = post[variable];
  return thisVar;
}

Это просто пример, и его не следует использовать для каких-либо конфиденциальных данных, таких как пароль и т. Д. Метод POST существует не просто так; для безопасной отправки данных на серверную часть, чтобы это не помогло.

Но если вам просто нужна куча нечувствительных данных формы для перехода на следующую страницу без /page?blah=value&bleh=value&blahbleh=valueвашего URL-адреса, это сделает URL-адрес более чистым, и ваш JavaScript может немедленно взаимодействовать с вашими данными POST.

У меня есть простой код:

В вашем index.php:

<input id="first_post_data" type="hidden" value="<?= $_POST['first_param']; ?>"/>

В вашем main.js:

let my_first_post_param = $("#first_post_data").val();

Поэтому, когда вы включите main.js в index.php ( <script type="text/javascript" src="./main.js"></script>), вы сможете получить значение вашего скрытого ввода, содержащего данные вашего сообщения.

Вы можете 'json_encode', чтобы сначала закодировать свои переменные сообщения через PHP. Затем создайте объект (массив) JS из переменных сообщения в кодировке JSON. Затем используйте цикл JavaScript для управления этими переменными ... Как - в этом примере ниже - для заполнения формы HTML:

<script>

    <?php $post_vars_json_encode =  json_encode($this->input->post()); ?>

    // SET POST VALUES OBJECT/ARRAY
    var post_value_Arr = <?php echo $post_vars_json_encode; ?>;// creates a JS object with your post variables
    console.log(post_value_Arr);

    // POPULATE FIELDS BASED ON POST VALUES
    for(var key in post_value_Arr){// Loop post variables array

        if(document.getElementById(key)){// Field Exists
            console.log("found post_value_Arr key form field = "+key);
            document.getElementById(key).value = post_value_Arr[key];
        }
    }


</script>

Один из вариантов - установить cookie в PHP.

Например: печенье с именем недействительной со значением $invalidистекающего в 1 день:

setcookie('invalid', $invalid, time() + 60 * 60 * 24);

Затем прочитайте его в JS (используя плагин JS Cookie ):

var invalid = Cookies.get('invalid');

if(invalid !== undefined) {
    Cookies.remove('invalid');
}

Теперь вы можете получить доступ к значению invalidпеременной в JavaScript.

Это зависит от того, что вы определяете как JavaScript. Сегодня у нас действительно есть JS в серверных программах, таких как NodeJS. Это точно тот же JavaScript, который вы кодируете в своем браузере, за исключением серверного языка. Итак, вы можете сделать что-то вроде этого: ( Код Кейси Чу: https://stackoverflow.com/a/4310087/5698805 )

var qs = require('querystring');

function (request, response) {
    if (request.method == 'POST') {
        var body = '';

        request.on('data', function (data) {
            body += data;

            // Too much POST data, kill the connection!
            // 1e6 === 1 * Math.pow(10, 6) === 1 * 1000000 ~~~ 1MB
            if (body.length > 1e6)
                request.connection.destroy();
        });

        request.on('end', function () {
            var post = qs.parse(body);
            // use post['blah'], etc.
        });
    }
}

И оттуда использовать и post['key'] = newVal;т.д ...

Переменные POST доступны браузеру, только если тот же самый браузер отправил их в первую очередь. Если другая форма веб-сайта отправляется через POST на другой URL-адрес, браузер не увидит входящие данные POST.

САЙТ A: отправка формы на внешний URL (сайт B) с использованием POST SITE B: посетитель получит, но только с переменными GET

function getParameterByName(name, url) {
            if (!url) url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                results = regex.exec(url);
            if (!results) return null;
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        }
var formObj = document.getElementById("pageID");
formObj.response_order_id.value = getParameterByName("name");

$(function(){
    $('form').sumbit{
        $('this').serialize();
    }
});

В jQuery приведенный выше код предоставит вам строку URL-адреса с параметрами POST в URL-адресе. Извлечь параметры POST возможно.

Чтобы использовать jQuery , вам необходимо включить библиотеку jQuery. Для этого используйте следующее:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>

Мы можем собрать параметры формы, отправленные с помощью POST, с использованием концепции сериализации .

Попробуй это:

$('form').serialize(); 

Просто заключите в него предупреждение, он отображает все параметры, включая скрытые.

<head><script>var xxx = ${params.xxx}</script></head>

Использование выражения EL $ {param.xxx} <head>для получения параметров из метода post и убедитесь, что после него включен файл js, <head>чтобы вы могли обрабатывать такие параметры, как 'xxx', непосредственно в вашем файле js.