जावास्क्रिप्ट का उपयोग करके पोस्ट अनुरोध पैरामीटर कैसे पढ़ें

Question 1

मैं अपने HTML से पोस्ट अनुरोध पैरामीटर पढ़ने की कोशिश कर रहा हूं। मैं जावास्क्रिप्ट में निम्नलिखित कोड का उपयोग करके प्राप्त अनुरोध मानदंड पढ़ सकता हूं।

$wnd.location.search

लेकिन यह पोस्ट अनुरोध के लिए काम नहीं करता है। क्या कोई मुझे बता सकता है कि जावास्क्रिप्ट का उपयोग करके मेरे HTML में पोस्ट अनुरोध पैरामीटर मान कैसे पढ़ें?

Question 2

POST डेटा वह डेटा है जिसे सर्वर साइड हैंडल किया जाता है । और जावास्क्रिप्ट क्लाइंट की तरफ है। तो कोई तरीका नहीं है कि आप जावास्क्रिप्ट का उपयोग करके पोस्ट डेटा पढ़ सकें।

Question 3

एक जावास्क्रिप्ट चर को पॉप्युलेट करने के लिए सर्वर प्राप्त करने के लिए PHP का एक छोटा सा टुकड़ा त्वरित और आसान है:

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

फिर सामान्य तरीके से जावास्क्रिप्ट चर का उपयोग करें।

ध्यान दें कि कोई भी गारंटी नहीं है कि किसी भी तरह का डेटा या डेटा तब तक पोस्ट नहीं किया जाएगा जब तक आप चेक नहीं करते - सभी इनपुट फ़ील्ड सुझाव हैं, गारंटी नहीं।

Question 4

जावास्क्रिप्ट एक क्लाइंट-साइड स्क्रिप्टिंग भाषा है, जिसका अर्थ है कि सभी कोड को वेब उपयोगकर्ता की मशीन पर निष्पादित किया जाता है। दूसरी ओर, POST चर, सर्वर पर जाते हैं और वहां रहते हैं। ब्राउज़र उन चर को जावास्क्रिप्ट वातावरण प्रदान नहीं करते हैं, और न ही किसी भी डेवलपर को उनसे जादुई रूप से होने की उम्मीद करनी चाहिए।

चूंकि ब्राउज़र POST डेटा तक पहुंचने से जावास्क्रिप्ट को बंद कर देता है, इसलिए PHP के बाहर के अभिनेता के बिना POST चरों को पढ़ना बहुत असंभव है जैसे कि PHP एक स्क्रिप्ट चर में POST मानों को गूंजता है या एक एक्सटेंशन / एडऑन जो ट्रांजिट में POST मानों को पकड़ता है। GET चर एक वर्कअराउंड के माध्यम से उपलब्ध हैं क्योंकि वे URL में हैं जो क्लाइंट मशीन द्वारा पार्स किए जा सकते हैं।

Question 5

सेशनस्टोर का उपयोग करें!

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

स्निपेट का विस्तार करें

दूसरे पेज पर:

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

स्निपेट का विस्तार करें

संदर्भ लिंक - https://developer.mozilla.org/en-US/docs/Web/API/Window/session/orage

Question 6

मूल्य निर्धारित करने के लिए लोकलस्टोरेज या किसी अन्य तरीके का उपयोग क्यों न करें जिसे आप पास करना चाहते हैं?

इस तरह आप कहीं से भी इसका उपयोग कर सकते हैं!

तक कहीं भी मेरा मतलब दिए गए डोमेन / संदर्भ में

Question 7

आप पोस्ट अनुरोध पैरामीटर को jQuery-PostCapture ( @ ssut / jQuery-PostCapture ) के साथ पढ़ सकते हैं ।

PostCapture प्लगइन कुछ ट्रिक्स से युक्त है।

जब आप सबमिट बटन पर क्लिक onsubmitकरेंगे , तो घटना को भेज दिया जाएगा।

समय पर, PostCapture प्रपत्र डेटा क्रमबद्ध हो जाएगा और html5 लोकलस्टोरेज (यदि उपलब्ध हो) या कुकी स्टोरेज को बचाएगा।

Question 8

POST वह ब्राउज़र है जो क्लाइंट (आपके broswer) से वेब सर्वर पर भेजता है। पोस्ट डेटा को HTTP हेडर के माध्यम से सर्वर को भेजा जाता है, और यह क्लाइंट (आपके ब्राउज़र) से वेब-सर्वर तक केवल सर्वर के अंत में या पथ (उदाहरण: एक प्रॉक्सी सर्वर) के बीच में उपलब्ध होता है। इसलिए इसे जावास्क्रिप्ट की तरह क्लाइंट साइड स्क्रिप्ट से नियंत्रित नहीं किया जा सकता है। आपको सर्वर साइड स्क्रिप्ट जैसे CGI, PHP, Java आदि के माध्यम से इसे संभालने की आवश्यकता है। यदि आपको अभी भी जावास्क्रिप्ट में लिखने की आवश्यकता है, तो आपके पास एक वेब-सर्वर होना आवश्यक है, जो आपके सर्वर में Node.js की तरह जावास्क्रिप्ट को समझता और निष्पादित करता है।

Question 9

यदि आप 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>

Question 10

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

फिर जावास्क्रिप्ट में:

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अपने यूआरएल के बिना अपने अगले पृष्ठ पर जाने के लिए बस गैर-संवेदनशील फॉर्म डेटा का एक गुच्छा चाहिए , तो यह क्लीनर यूआरएल के लिए बना देगा और आपका जावास्क्रिप्ट तुरंत आपके POST डेटा के साथ बातचीत कर सकता है।

Question 11

मेरे पास इसे बनाने के लिए एक सरल कोड है:

अपने 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>) में शामिल करेंगे तो आपको अपने छिपे हुए इनपुट का मूल्य मिल सकता है जिसमें आपका पोस्ट डेटा है।

Question 12

आप अपने पोस्ट वेरिएबल को पहले PHP के माध्यम से एनकोड करने के लिए 'json_encode' कर सकते हैं। फिर JSON एनकोडेड पोस्ट चर से एक JS ऑब्जेक्ट (सरणी) बनाएं। फिर उन चर को हेरफेर करने के लिए एक जावास्क्रिप्ट लूप का उपयोग करें ... जैसे - नीचे इस उदाहरण में - 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>

Question 13

एक विकल्प PHP में एक कुकी सेट करना है।

उदाहरण के लिए: 1 दिन में समाप्त होने के मूल्य के साथ अमान्य नाम की कुकी $invalid:

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

फिर इसे जेएस में वापस पढ़ें ( जेएस कुकी प्लगइन का उपयोग करके ):

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

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

अब आप invalidजावास्क्रिप्ट में चर से मूल्य का उपयोग कर सकते हैं ।

Question 14

यह निर्भर करता है कि आप जावास्क्रिप्ट के रूप में क्या परिभाषित करते हैं। आजकल हमारे पास सर्वर साइड प्रोग्राम जैसे NodeJS पर JS है। यह वास्तव में एक ही जावास्क्रिप्ट है जिसे आप अपने ब्राउज़र में कोड करते हैं, सर्वर भाषा के रूप में निष्पादित करते हैं। तो आप ऐसा कुछ कर सकते हैं: ( केसी चु द्वारा कोड: 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;आदि ...

Question 15

POST चर केवल ब्राउज़र के लिए उपलब्ध होते हैं यदि उसी ब्राउज़र ने उन्हें पहले स्थान पर भेजा हो। यदि कोई अन्य वेबसाइट POST के माध्यम से किसी अन्य URL में सबमिट होती है, तो ब्राउज़र को POST डेटा नहीं आएगा।

SITE A: में POST SITE B का उपयोग करते हुए एक बाहरी URL (साइट B) के लिए एक फॉर्म सबमिट किया जाता है: आगंतुक को प्राप्त होगा लेकिन केवल गेट चर के साथ

Question 16

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");

Question 17

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

Question 18

हम POST का उपयोग करके सबमिट किए गए फॉर्म पैरामेट्स का उपयोग करके एकत्र कर सकते हैं क्रमबद्ध अवधारणा ।

इसे इस्तेमाल करे:

$('form').serialize();

बस इसे सतर्क करें, यह छिपे हुए सहित सभी मापदंडों को प्रदर्शित करता है।

Question 19

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

ईएल एक्सप्रेशन $ {param.xxx} का उपयोग करके <head>पोस्ट मेथड से परमर्स प्राप्त कर सकते हैं, और सुनिश्चित करें कि js फाइल को शामिल किया गया है <head>ताकि आप अपनी js फाइल में सीधे 'xxx' जैसे एक परम को हैंडल कर सकें।