জাভাস্ক্রিপ্ট ব্যবহার করে কীভাবে পোস্টের অনুরোধের পরামিতিগুলি পড়বেন

Question 1

আমি আমার এইচটিএমএল থেকে পোস্ট অনুরোধ পরামিতি পড়ার চেষ্টা করছি। আমি জাভাস্ক্রিপ্টে নিম্নলিখিত কোড ব্যবহার করে get অনুরোধের পরামিতিগুলি পড়তে পারি।

$wnd.location.search

তবে এটি পোস্ট অনুরোধের জন্য কাজ করে না। কেউ কী আমাকে জাভাস্ক্রিপ্ট ব্যবহার করে আমার এইচটিএমএলে পোস্ট অনুরোধের প্যারামিটার মানগুলি পড়তে পারেন?

Question 2

পোস্ট ডেটা এমন ডেটা যা সার্ভারের পাশ দিয়ে পরিচালিত হয় । এবং জাভাস্ক্রিপ্ট ক্লায়েন্ট দিকে আছে। সুতরাং আপনি জাভাস্ক্রিপ্ট ব্যবহার করে কোনও পোস্ট ডেটা পড়তে পারবেন না।

Question 3

একটি জাভাস্ক্রিপ্ট ভেরিয়েবল পপুলেশন করতে সার্ভারটি পেতে পিএইচপি এর একটি সামান্য টুকরো দ্রুত এবং সহজ:

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

তারপরে কেবল জাভাস্ক্রিপ্ট ভেরিয়েবলটি স্বাভাবিক উপায়ে অ্যাক্সেস করুন।

নোট করুন যে কোনও প্রদত্ত ডেটা বা ধরণের ডেটা পোস্ট করা হবে এমন কোনও গ্যারান্টি নেই যা আপনি পরীক্ষা না করে - সমস্ত ইনপুট ক্ষেত্রগুলি পরামর্শ, গ্যারান্টি নয়।

Question 4

জাভাস্ক্রিপ্ট হ'ল একটি ক্লায়েন্ট-সাইড স্ক্রিপ্টিং ভাষা, যার অর্থ সমস্ত কোড ওয়েব ব্যবহারকারীর মেশিনে কার্যকর করা হয়। অন্যদিকে POST ভেরিয়েবলগুলি সার্ভারে যান এবং সেখানে থাকুন। ব্রাউজারগুলি জাভাস্ক্রিপ্ট পরিবেশে এই পরিবর্তনগুলি সরবরাহ করে না, বা কোনও বিকাশকারী তাদের যাদুকরীভাবে সেখানে থাকার আশা করা উচিত নয়।

যেহেতু ব্রাউজার জাভাস্ক্রিপ্টটি পোষ্ট ডেটা অ্যাক্সেস করতে অস্বীকৃতি জানায়, পিএইচপি যেমন বাইরের অভিনেতা ছাড়া কোনও স্ক্রিপ্ট ভেরিয়েবল বা ট্রান্সজিটে পোষ্ট মানগুলি ক্যাপচার করে এমন একটি এক্সটেনশন / অ্যাডনগুলিতে প্রতিপন্ন করে যেমন POST ভেরিয়েবলগুলি পড়া বেশ অসম্ভব। জিইটি ভেরিয়েবলগুলি কার্যকরভাবে পাওয়া যায় কারণ সেগুলি ইউআরএলে রয়েছে যা ক্লায়েন্ট মেশিন দ্বারা পার্স করা যায়।

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

Question 6

আপনি যে মানটি পাস করতে চান তা সেট করতে স্থানীয় স্টোরেজ বা অন্য কোনও উপায়ে ব্যবহার করবেন না কেন?

যে কোনও জায়গা থেকে আপনার এতে অ্যাক্সেস রয়েছে!

দ্বারা যে কোন জায়গায় আমি বলতে চাচ্ছি দেওয়া ডোমেইন / অনুষঙ্গের মধ্যে

Question 7

আপনি jQuery-PostCapture ( @ ssut / jQuery-PostCapture ) সহ পোস্ট অনুরোধের প্যারামিটারটি পড়তে পারেন ।

পোস্ট ক্যাপচার প্লাগইনটিতে কিছু কৌশল রয়েছে।

আপনি যখন জমা দিন বোতামটি ক্লিক করেন, onsubmitইভেন্টটি প্রেরণ করা হবে।

এই সময়ে, পোস্টক্যাপচারটি ফর্ম ডেটা সিরিয়ালাইজ করা হবে এবং এইচটিএমএল 5 লোকালস্টোরেজ (যদি উপলব্ধ থাকে) বা কুকি স্টোরেজে সংরক্ষণ করা হবে।

Question 8

পোষ্টটি হ'ল যা ব্রাউজার ক্লায়েন্ট (আপনার ব্রোজার) থেকে ওয়েব সার্ভারে প্রেরণ করে। পোস্ট ডেটা HTTP শিরোনামের মাধ্যমে সার্ভারে প্রেরণ করা হয় এবং এটি কেবল সার্ভারের শেষে বা ক্লায়েন্ট (আপনার ব্রাউজার) থেকে ওয়েব-সার্ভারে পাথ (উদাহরণস্বরূপ: প্রক্সি সার্ভার) এর মধ্যে পাওয়া যায়। সুতরাং এটি জাভাস্ক্রিপ্টের মতো ক্লায়েন্ট সাইড স্ক্রিপ্টগুলি থেকে পরিচালনা করা যায় না। আপনাকে এটি সিজিআই, পিএইচপি, জাভা ইত্যাদির মতো সার্ভার সাইড স্ক্রিপ্টগুলির মাধ্যমে পরিচালনা করতে হবে আপনার যদি এখনও জাভাস্ক্রিপ্টে লিখতে হয় তবে আপনার একটি ওয়েব-সার্ভার থাকা দরকার যা আপনার সার্ভারে জাভাস্ক্রিপ্টকে Node.js এর মতো বোঝে এবং চালায় have

Question 9

আপনি যদি জাভা / আরএসটি এপিআইয়ের সাথে কাজ করছেন তবে একটি কাজটি সহজ। জেএসপি পৃষ্ঠায় আপনি নিম্নলিখিতগুলি করতে পারেন:

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

এটি কেবল একটি উদাহরণ এবং কোনও সংবেদনশীল ডেটা যেমন পাসওয়ার্ড ইত্যাদির জন্য ব্যবহার করা উচিত নয় P একটি কারণের জন্য POST পদ্ধতি বিদ্যমান; ব্যাকএন্ডে নিরাপদে ডেটা প্রেরণ করা, যাতে উদ্দেশ্যটি পরাজিত হয়।

তবে /page?blah=value&bleh=value&blahbleh=valueআপনার নিজের url ছাড়া আপনার পরবর্তী পৃষ্ঠায় যেতে যদি আপনার কেবল সংবেদনশীল ফর্ম ডেটাগুলির একগুচ্ছ প্রয়োজন হয় তবে এটি একটি ক্লিনার ইউআরএল তৈরি করবে এবং আপনার জাভাস্ক্রিপ্ট তত্ক্ষণাত আপনার পোস্টের ডেটার সাথে ইন্টারঅ্যাক্ট করতে পারে।

Question 11

এটি তৈরি করার জন্য আমার কাছে একটি সাধারণ কোড রয়েছে:

আপনার সূচক.এফপি এ:

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

আপনার মেইন.জেএস এ:

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

সুতরাং আপনি যখন index.php ( <script type="text/javascript" src="./main.js"></script>) এ মেইন.জেগুলি অন্তর্ভুক্ত করবেন তখন আপনি আপনার লুকানো ইনপুটটির মান পেতে পারেন যাতে আপনার পোস্টের ডেটা রয়েছে।

Question 12

আপনি প্রথমে পিএইচপি এর মাধ্যমে আপনার পোস্ট ভেরিয়েবলগুলি এনকোড করতে 'json_encode' করতে পারেন। তারপরে JSON এনকোডড পোস্ট ভেরিয়েবলগুলি থেকে একটি জেএস অবজেক্ট (অ্যারে) তৈরি করুন। তারপরে সেই ভেরিয়েবলগুলি ম্যানিপুলেট করতে একটি জাভাস্ক্রিপ্ট লুপ ব্যবহার করুন ... যেমন - নীচের এই উদাহরণে - এইচটিএমএল ফর্ম ফর্মটি তৈরি করতে:

<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

একটি বিকল্প পিএইচপি মধ্যে একটি কুকি সেট করা হয়।

উদাহরণস্বরূপ: 1 দিনের মধ্যে মেয়াদ শেষ হওয়ার মান সহ অবৈধ নামের একটি কুকি $invalid:

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

তারপরে এটি আবার জেএসে পড়ুন ( জেএস কুকি প্লাগইন ব্যবহার করে ):

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

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

আপনি এখন invalidজাভাস্ক্রিপ্টের ভেরিয়েবল থেকে মানটি অ্যাক্সেস করতে পারেন ।

Question 14

এটি জাভাস্ক্রিপ্ট হিসাবে আপনি কী সংজ্ঞা দেন তার উপর নির্ভর করে। এখনকার দিনগুলিতে আমাদের আসলে নোডজেএস এর মতো সার্ভার সাইড প্রোগ্রামগুলিতে জেএস রয়েছে। এটি আপনার ব্রাউজারে কোড করা একই জাভাস্ক্রিপ্ট, সার্ভারের ভাষা হিসাবে কার্যকর। আপনি ভালো কিছু করতে পারেন তাই: ( ক্যাসি Chu দ্বারা কোড: 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 ভেরিয়েবলগুলি কেবল তখনই ব্রাউজারের কাছে উপলব্ধ যদি সেই একই ব্রাউজারটি তাদের প্রথম স্থানে প্রেরণ করে। যদি অন্য কোনও ওয়েবসাইট ফর্মটি পোষ্টের মাধ্যমে অন্য ইউআরএলে জমা দেয় তবে ব্রাউজারটি পোষ্টের ডেটা আসতে দেখবে না।

সাইট এ: পোষ্ট সাইট বি ব্যবহার করে একটি বাহ্যিক ইউআরএল (সাইট বি) এ একটি ফর্ম জমা রয়েছে: দর্শনার্থী পাবেন তবে কেবল জিইটি ভেরিয়েবলের সাথে

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 পরামিতিগুলি বের করা অসম্ভব নয়।

JQuery ব্যবহার করার জন্য , আপনাকে jQuery লাইব্রেরি অন্তর্ভুক্ত করতে হবে। তার জন্য নিম্নলিখিতটি ব্যবহার করুন:

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

Question 18

সিরিয়ালাইজ ধারণাটি ব্যবহার করে আমরা পোষ্ট ব্যবহার করে জমা দেওয়া ফর্মের প্যারামগুলি সংগ্রহ করতে পারি ।

এটা চেষ্টা কর:

$('form').serialize();

কেবল এটি সতর্কতা বন্ধ করুন, এটি লুকানো সহ সমস্ত পরামিতি প্রদর্শন করে।

Question 19

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

<head>কোনও পোস্ট পদ্ধতি থেকে প্যারামগুলি পেতে ইএল এক্সপ্রেশন $ {param.xxx} ব্যবহার করে এবং জেএস ফাইলটি এর পরে অন্তর্ভুক্ত রয়েছে তা নিশ্চিত করুন <head>যাতে আপনি সরাসরি আপনার জেএস ফাইলটিতে 'এক্সএক্সএক্সএক্স' এর মতো প্যারাম পরিচালনা করতে পারেন।