2016-11-17 82 views
-1

我的问题很简单,我们可以从网络(DOM窗口)的HTTP请求主体获取表单数据值。从HTTP请求主体获取表单数据的值

正如你可以在图像中看到的那样,我想获取这些数据并将其存储到同一页面上的某个局部变量中。

我能够获取和存储HTTP标头的值,但每当我试图获取表单数据时,它将返回NULL。任何人都可以确认它的可能性。

我们可以存储结果到变量/文本框!

例如在图像中我有三个值。

cmp :131, 
biz : 2001, 
biz_name :Demo + gents + tailor 

我们可以存储这个值到一些变量一样,

var cmp = 131 
var biz = 2001, 
var biz_name = Demo gents tailor 

守则将我重定向到特定的页面是一样的:

var redirect = 'myurl';  
$.extend(
{ 
    redirectPost: function(location, args) 
{ 
    var form = ''; 
    $.each(args, function(key, value) { 
     form += '<input type="hidden" name="'+key+'" value="'+value+'">'; 
    }); 
    $('<form action="'+location+'"                      method="POST">'+form+'</form>').appendTo('body').submit(); 
    } 
    }); 

    $.redirectPost(redirect, {cmp:131,biz:2001,biz_name:"Demo gents tailor"}); 

Refered链接: Accessing the web page's HTTP Headers in JavaScript

How do I access the HTTP request header fields via JavaScript?

jquery - get http headers

https://gist.github.com/thsutton/665306

https://developer.mozilla.org/en-US/docs/Web/API/Headers

enter image description here

+0

表头数据不存在 - 它在请求正文 –

+0

好吧原谅我会改变它 –

回答

1

你没有得到从头部本身的数据。你从HTTP请求和响应中获得它们(如果你看看你正在使用的开发工具标签,你会看到它说“响应”)。

当表单提交其数据时,数据将作为名称/值对发送到HTML <form>元素的action属性中指定的位置。由于该文件存在于服务器上,该文件通常包含服务器端代码(如.php或.jsp或.aspx),表单数据由该代码处理(通过访问HTTP请求对象)。

现在,根据表单如何发送数据(GET或POST),这将确定服务器端代码将如何访问请求。如果使用GET,表单数据将作为查询字符串保存在URL中。如果使用POST,数据将作为流发送。

看看this article,这很好地解释了这个过程。

+0

它使用POST方法 –

+0

@PranavShah然后,正如我所说的,数据将作为流发送到目的地并且您将使用服务器端代码来访问它。看看我提供的文章(特别是“在服务器端:检索数据”部分)。 –

+0

感谢您分享信息链接我们可以在JS中做同样的事情! –