JavaScript kullanılarak istek gönderme parametreleri nasıl okunur

HTML’imden gönderi isteği parametrelerini okumaya çalışıyorum. JavaScript'te aşağıdaki kodu kullanarak get istek parametrelerini okuyabilirim.

$wnd.location.search

Ancak gönderi talebi için çalışmaz. Biri bana JavaScript kullanarak HTML’imdeki gönderi isteği parametre değerlerini nasıl okuyacağımı söyleyebilir mi?

POST verileri, sunucu tarafında işlenen verilerdir . Ve Javascript istemci tarafındadır. Dolayısıyla, JavaScript kullanarak bir gönderi verilerini okuyabilmenizin bir yolu yoktur.

Sunucunun bir JavaScript değişkenini doldurmasını sağlamak için küçük bir PHP parçası hızlı ve kolaydır:

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

Ardından JavaScript değişkenine normal şekilde erişin.

Kontrol etmediğiniz sürece verilen herhangi bir verinin veya veri türünün gönderileceğinin garantisi yoktur - tüm giriş alanları öneri niteliğindedir, garanti değildir.

JavaScript, istemci tarafı bir kodlama dilidir, yani kodun tamamı web kullanıcısının makinesinde yürütülür. POST değişkenleri ise sunucuya gider ve orada bulunur. Tarayıcılar bu değişkenleri JavaScript ortamına sağlamaz ve hiçbir geliştirici bunların sihirli bir şekilde orada olmasını beklememelidir.

Tarayıcı JavaScript'in POST verilerine erişmesine izin vermediğinden, POST değişkenlerini PHP gibi bir dış aktör olmadan POST değerlerini bir komut dosyası değişkenine veya aktarım sırasında POST değerlerini yakalayan bir uzantı / eklentiye yansıtmadan okumak neredeyse imkansızdır. GET değişkenleri, istemci makine tarafından ayrıştırılabilen URL'de bulundukları için geçici bir çözüm aracılığıyla kullanılabilir.

SessionStorage kullanın!

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

Another-page.html'de:

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

Referans bağlantısı - https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

Neden geçmek istediğiniz değeri ayarlamak için localStorage veya başka bir yolu kullanmıyorsunuz?

Bu şekilde ona her yerden erişebilirsiniz!

By yerde Yani verilen alan / bağlamında

İstek sonrası parametresini jQuery-PostCapture ( @ ssut / jQuery-PostCapture ) ile okuyabilirsiniz .

PostCapture eklentisi bazı hilelerden oluşur.

Gönder düğmesine tıkladığınızda, onsubmitolay gönderilir.

O sırada PostCapture, form verilerini seri hale getirecek ve html5 localStorage (varsa) veya tanımlama bilgisi depolamasına kaydedilecektir.

POST, tarayıcının istemciden (tarayıcınız) web sunucusuna gönderdiği şeydir. Gönderi verileri sunucuya http başlıkları aracılığıyla gönderilir ve yalnızca sunucu ucunda veya istemciden (tarayıcınız) web sunucusuna giden yol (örneğin: bir proxy sunucusu) arasında kullanılabilir. Bu nedenle, JavaScript gibi istemci tarafı komut dosyalarından işlenemez. Bunu CGI, PHP, Java vb. Gibi sunucu tarafı komut dosyaları aracılığıyla işlemeniz gerekir. Hala JavaScript'te yazmanız gerekiyorsa, Node.js gibi sunucunuzda JavaScript'i anlayan ve çalıştıran bir web sunucusuna ihtiyacınız var

Bir Java / REST API ile çalışıyorsanız, geçici bir çözüm bulmak kolaydır. JSP sayfasında şunları yapabilirsiniz:

    <%
    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>

Veya bunları bir işlevin alabileceği bir sözlüğe koymak için kullanın:

<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>

Ardından JavaScript'te:

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;
}

Bu sadece bir örnektir ve için kullanılmamalıdır herhangi bir şifre vb POST yöntemi bir nedeni var gibi hassas verilerin; arka uca güvenli bir şekilde veri göndermek, böylece amacı geçersiz kılar.

Ancak, bir sonraki sayfanıza /page?blah=value&bleh=value&blahbleh=valueurl'niz olmadan gitmek için bir grup hassas olmayan form verisine ihtiyacınız varsa , bu daha temiz bir url sağlar ve JavaScript'iniz POST verilerinizle anında etkileşime girebilir.

Bunu yapmak için basit bir kodum var:

İndex.php dosyanızda:

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

Main.js'de:

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

Yani, main.js'yi index.php ( <script type="text/javascript" src="./main.js"></script>) içine dahil ettiğinizde , gönderi verilerinizi içeren gizli girişinizin değerini elde edebilirsiniz.

Post değişkenlerinizi ilk önce PHP aracılığıyla kodlamak için 'json_encode' yapabilirsiniz. Ardından, JSON kodlu gönderi değişkenlerinden bir JS nesnesi (dizi) oluşturun. Ardından, bu değişkenleri işlemek için bir JavaScript döngüsü kullanın ... Aşağıdaki örnekte olduğu gibi, bir HTML form formunu doldurmak için:

<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>

Seçeneklerden biri, PHP'de bir çerez ayarlamaktır.

Örneğin: 1 gün içinde süresi dolacak olan geçersiz adlı bir çerez $invalid:

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

Sonra tekrar JS'de okuyun ( JS Cookie eklentisini kullanarak ):

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

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

Artık invalidJavaScript'teki değişkendeki değere erişebilirsiniz .

JavaScript olarak tanımladığınız şeye bağlıdır. Günümüzde NodeJS gibi sunucu tarafı programlarında aslında JS var. Bir sunucu dili dışında, tarayıcınızda kodladığınız JavaScript ile tamamen aynıdır. Böylece şöyle bir şey yapabilirsiniz: ( Casey Chu'nun kodu: 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.
        });
    }
}

Ve bundan sonra kullanım post['key'] = newVal;vb ...

POST değişkenleri, yalnızca aynı tarayıcı onları ilk etapta gönderdiyse tarayıcı tarafından kullanılabilir. Başka bir web sitesi formu POST yoluyla başka bir URL'ye gönderirse, tarayıcı POST verilerinin geldiğini görmez.

SİTE A: POST SİTESİ B'yi kullanarak harici bir URL'ye (site B) gönderilen bir form var: ziyaretçiyi alacak, ancak yalnızca GET değişkenleri ile

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'de, yukarıdaki kod size URL'de POST parametreleri olan URL dizesini verecektir. POST parametrelerini çıkarmak imkansız değildir.

JQuery'yi kullanmak için jQuery kitaplığını eklemeniz gerekir. Bunun için aşağıdakileri kullanın:

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

POST kullanılarak gönderilen form parametrelerini serileştirme konseptini kullanarak toplayabiliriz .

Bunu dene:

$('form').serialize(); 

Sadece uyarıyı ekleyin, gizli dahil tüm parametreleri görüntüler.

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

<head>Bir gönderi yönteminden parametreler almak için EL ifadesi $ {param.xxx} 'i kullanın ve js dosyasının sonradan eklendiğinden emin olun, <head>böylece doğrudan js dosyanızda' xxx 'gibi bir parametreyi işleyebilirsiniz.