从HTTP请求正文获取表单数据的值

时间:2016-11-17 18:23:11

标签: javascript jquery

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

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

我能够获取并存储HTTP标头值,但每当我尝试获取Form数据时,它都会返回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"});

参考链接: 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

1 个答案:

答案 0 :(得分:1)

您本身并不从标题中获取数据。您可以从HTTP请求和响应中获取它们(如果您查看所使用的开发人员工具选项卡,您会看到它显示“响应”)。

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

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

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