blocks|key|1455955|text|JavaScript是一种客户端脚本语言，这意味着所有代码都在web用户的机器上执行。另一方面，POST变量转到服务器并驻留在那里。浏览器不会向JavaScript环境提供这些变量，任何开发人员也不应该期望它们神奇地出现在那里。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1455956|由于浏览器不允许JavaScript访问POST数据，因此如果没有外部参与者(如PHP+)将POST值回显到脚本变量或捕获传输中的POST值的扩展/插件，则读取POST变量几乎是不可能的。GET变量可以通过一种变通方法获得，因为它们位于可由客户机解析的URL中。|1455957|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>JavaScript is a client-side scripting language, which means all of the code is executed on the web user's machine. The POST variables, on the other hand, go to the server and reside there. Browsers do not provide those variables to the JavaScript environment, nor should any developer expect them to magically be there.</p>

<p>Since the browser disallows JavaScript from accessing POST data, it's pretty much impossible to read the POST variables without an outside actor like PHP echoing the POST values into a script variable or an extension/addon that captures the POST values in transit. The GET variables are available via a workaround because they're in the URL which can be parsed by the client machine.</p>


blocks|key|1241165|text|$(function(){
++++$('form').sumbit{
++++++++$('this').serialize();
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1241166|在jQuery中，上面的代码将为您提供带有POST参数的URL字符串。提取POST参数并非不可能。|unstyled|1241167|要使用jQuery，您需要包含jQuery库。为此，请使用以下内容：|offset|length|1241168|<script+src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"+type="text/javascript"></script>|1241169|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|0|0|3|6|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<pre><code>$(function(){
    $('form').sumbit{
        $('this').serialize();
    }
});
</code></pre>

<p>In jQuery, the above code would give you the URL string with POST parameters in the URL.
It's not impossible to extract the POST parameters.</p>

<p>To use <a href="http://jquery.com/" rel="nofollow noreferrer">jQuery</a>, you need to include the jQuery library. Use the following for that:</p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>


blocks|key|1241269|text|让服务器填充JavaScript变量的一小段PHP代码是快速而简单的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1241270|var+my_javascript_variable+=+<?php+echo+json_encode($_POST['my_post']+??+null)+?>;|code-block|syntax|javascript|1241271|然后，只需以正常方式访问JavaScript变量。|1241272|注意:不能保证任何给定的数据或类型的数据将被发布，除非您勾选-所有输入字段都是建议，而不是保证。|1241273|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>A little piece of PHP to get the server to populate a JavaScript variable is quick and easy:</p>

<pre><code>var my_javascript_variable = &lt;?php echo json_encode($_POST['my_post'] ?? null) ?&gt;;
</code></pre>

<p>Then just access the JavaScript variable in the normal way.</p>

<p>Note there is no guarantee any given data or kind of data will be posted unless you check - all input fields are suggestions, not guarantees.</p>


blocks|key|1456225|text|POST是浏览器从客户端(您的浏览器)发送到web服务器的内容。Post数据通过http头部发送到服务器，仅在服务器端或从客户端(您的浏览器)到web-server的路径(例如:代理服务器)之间可用。所以它不能通过像JavaScript这样的客户端脚本来处理。你需要通过服务器端的脚本来处理它，比如CGI，PHP，Java等等。如果你仍然需要用JavaScript编写代码，你需要在你的服务器上有一个能够理解和执行JavaScript的web服务器，比如Node.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1456226|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>POST is what browser sends from client(your broswer) to the web server. Post data is send to server via http headers, and it is available only at the server end or in between the path (example: a proxy server) from client (your browser) to web-server. So it cannot be handled from client side scripts like JavaScript. You need to handle it via server side scripts like CGI, PHP, Java etc. If you still need to write in JavaScript you need to have a web-server which understands and executes JavaScript in your server like Node.js</p>


blocks|key|1241425|text|POST变量只有在同一个浏览器首先发送它们时才可用。如果另一个网站表单通过POST提交到另一个URL，浏览器将看不到进来的POST数据。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1241426|站点A:使用POST将表单提交到外部URL+(站点B)站点B:将接收访问者，但只有GET变量|1241427|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>POST variables are only available to the browser if that same browser sent them in the first place.  If another website form submits via POST to another URL, the browser will not see the POST data come in.</p>

<p>SITE A: has a form submit to an external URL (site B) using POST
SITE B: will receive the visitor but with only GET variables</p>


blocks|key|1241479|text|您可以使用jQuery-PostCapture(@ssut/jQuery-PostCapture)读取post请求参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1241480|PostCapture插件由一些技巧组成。|1241481|单击submit按钮时，将调度onsubmit事件。|style|CODE|1241482|此时，cookie将序列化表单数据并保存到html5+localStorage(如果可用)或PostCapture存储中。|1241483|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/ssut/jQuery-PostCapture^0|O|O|0|0|0|F|8|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Y|8|@$A|Z|B|10|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

<p>You can read the post request parameter with jQuery-PostCapture(<a href="https://github.com/ssut/jQuery-PostCapture" rel="nofollow">@ssut/jQuery-PostCapture</a>).</p>

<p>PostCapture plugin is consisted of some tricks.</p>

<p>When you are click the submit button, the <code>onsubmit</code> event will be dispatched.</p>

<p>At the time, PostCapture will be serialize form data and save to html5 localStorage(if available) or cookie storage.</p>


blocks|key|1456418|text|<head><script>var+xxx+=+${params.xxx}</script></head>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1456419|在<head>中使用EL表达式${param.xxx}从post方法中获取参数，并确保js文件包含在<head>之后，这样您就可以在js文件中直接处理像'xxx‘这样的参数。|unstyled|offset|length|style|CODE|1456420|entityMap^0|0|1|6|1E|6|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>&lt;head&gt;&lt;script&gt;var xxx = ${params.xxx}&lt;/script&gt;&lt;/head&gt;
</code></pre>

<p>Using EL expression ${param.xxx} in <code>&lt;head&gt;</code> to get params from a post method, and make sure the js file is included after <code>&lt;head&gt;</code> so that you can handle a param like 'xxx' directly in your js file.</p>


blocks|key|1456487|text|我们可以使用serialize概念收集使用POST提交的表单参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1456488|试试这个：|1456489|$('form').serialize();+|code-block|syntax|javascript|1456490|只需将其封装为alert，它将显示包括隐藏在内的所有参数。|1456491|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/serialize/^0|6|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>We can collect the form params submitted using POST with using <a href="https://api.jquery.com/serialize/" rel="nofollow">serialize</a> concept. </p>

<p>Try this: </p>

<pre><code>$('form').serialize(); 
</code></pre>

<p>Just enclose it alert, it displays all the parameters including hidden.</p>


blocks|key|1241752|text|你可以'json_encode‘首先通过PHP编码你的post变量。然后从JSON编码的post变量创建一个JS对象(数组)。然后使用JavaScript循环来操作这些变量...如下例所示，填充HTML表单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1241753|<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+=+"%2Bkey);
++++++++++++document.getElementById(key).value+=+post_value_Arr[key];
++++++++}
++++}


</script>|code-block|syntax|javascript|1241754|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can 'json_encode' to first encode your post variables via PHP.
Then create a JS object (array) from the JSON encoded post variables.
Then use a JavaScript loop to manipulate those variables... Like - in this example below - to populate an HTML form form:</p>

<pre><code>&lt;script&gt;

    &lt;?php $post_vars_json_encode =  json_encode($this-&gt;input-&gt;post()); ?&gt;

    // SET POST VALUES OBJECT/ARRAY
    var post_value_Arr = &lt;?php echo $post_vars_json_encode; ?&gt;;// 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];
        }
    }


&lt;/script&gt;
</code></pre>


blocks|key|1241782|text|function+getParameterByName(name,+url)+{
++++++++++++if+(!url)+url+=+window.location.href;
++++++++++++name+=+name.replace(/[\[\]]/g,+"\\$&");
++++++++++++var+regex+=+new+RegExp("[?&]"+%2B+name+%2B+"(=([%5E&#]*)%7C&%7C#%7C$)"),
++++++++++++++++results+=+regex.exec(url);
++++++++++++if+(!results)+return+null;
++++++++++++if+(!results[2])+return+'';
++++++++++++return+decodeURIComponent(results[2].replace(/\%2B/g,+"+"));
++++++++}
var+formObj+=+document.getElementById("pageID");
formObj.response_order_id.value+=+getParameterByName("name");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1241783|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function getParameterByName(name, url) {
            if (!url) url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&amp;");
            var regex = new RegExp("[?&amp;]" + name + "(=([^&amp;#]*)|&amp;|#|$)"),
                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");
</code></pre>


blocks|key|1241867|text|使用sessionStorage！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1241868|​|1241869|$(function(){
++++$('form').submit{
+++++++document.sessionStorage["form-data"]+=++$('this').serialize();
+++++++document.location.href+=+'another-page.html';
++++}
});|code-block|syntax|javascript|1241870|1241871|在另一个-page.html：|1241872|1241873|var+formData+=+document.sessionStorage["form-data"];|1241874|1241875|参考链接-+https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage|offset|length|1241876|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage^0|0|0|0|0|0|0|0|0|6|1Y|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|17|8|@]|9|@]|A|$G|H]]|$1|O|3|C|5|6|7|18|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|19|8|@]|9|@$R|1A|S|1B|1|1C]]|A|$]]|$1|T|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

<p>Use sessionStorage!</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
    $('form').submit{
       document.sessionStorage["form-data"] =  $('this').serialize();
       document.location.href = 'another-page.html';
    }
});</code></pre>
</div>
</div>
</p>

<p>At another-page.html:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var formData = document.sessionStorage["form-data"];</code></pre>
</div>
</div>
</p>

<p>Reference link - <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage</a></p>


blocks|key|1456764|text|如果您使用的是Java+/+REST+API，那么解决方法很简单。在JSP页面中，您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1456765|++++<%25
++++String+action+=+request.getParameter("action");
++++String+postData+=+request.getParameter("dataInput");
++++%25>
++++<script>
++++++++var+doAction+=+"<%25+out.print(action);+%25>";
++++++++var+postData+=+"<%25+out.print(postData);+%25>";
++++++++window.alert(doAction+%2B+"+"+%2B+postData);
++++</script>|code-block|syntax|javascript|1456766|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you're working with a Java / REST API, a workaround is easy. In the JSP page you can do the following:</p>

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


blocks|key|1456804|text|我有一个简单的代码来实现它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1456805|在您的index.php中：|1456806|<input+id="first_post_data"+type="hidden"+value="<?=+$_POST['first_param'];+?>"/>|code-block|syntax|javascript|1456807|在您的main.js中：|1456808|let+my_first_post_param+=+$("#first_post_data").val();|1456809|因此，当您将main.js包含在index.php+(<script+type="text/javascript"+src="./main.js"></script>)中时，您可以获得包含帖子数据的隐藏输入的值。|offset|length|style|CODE|1456810|entityMap^0|0|0|0|0|0|R|1K|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>I have a simple code to make it:</p>

<p>In your index.php :</p>

<pre><code>&lt;input id="first_post_data" type="hidden" value="&lt;?= $_POST['first_param']; ?&gt;"/&gt;
</code></pre>

<p>In your main.js :</p>

<pre><code>let my_first_post_param = $("#first_post_data").val();
</code></pre>

<p>So when you will include main.js in index.php (<code>&lt;script type="text/javascript" src="./main.js"&gt;&lt;/script&gt;</code>) you could get the value of your hidden input which contains your post data.</p>


<p>I am trying to read the post request parameters from my HTML. I can read the get request parameters using the following code in JavaScript.</p>

<pre><code>$wnd.location.search
</code></pre>

<p>But it does not work for post request. Can anyone tell me how to read the post request parameter values in my HTML using JavaScript?</p>


How to read the post request parameters using JavaScript

服务器

jQuery

JSON

Java

我正在尝试从我的HTML中读取post请求参数。我可以在JavaScript中使用以下代码读取get请求参数。$wnd.location.search但它不适用于post请求。谁能告诉我如何使用JavaScript读取我的超文本标记语言中的post请求参数值？

问如何使用JavaScript读取post请求参数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript读取post请求参数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript读取post请求参数
EN