Як прочитати параметри запиту на публікацію за допомогою 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';
    }
});

На іншій сторінці.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 localStorage (якщо доступно) або сховище 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.

Наприклад: файл cookie з іменем недійсний, термін $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-файлі.