如何在另一个页面使用JS 获取表单POST提交的数据

如何在另一个页面使用JS 获取表单POST提交的数据,第1张

1 你应该在action中string text = getParameter("text1") ;

setAttribute("text1",text1);

在第二个页面function中getAttribute("text1");

2 或者在第二个页面中 String text1 = requestgetParameter("text1");

我们先看一个小例子:

html代码:

需求:是获取form表单中的用户名和密码并包装成一个对象

这个需求是我们大部分时候在发送ajax请求时需要做的一个工作。

传统JS写法:

看一下效果:

可以看到,我们已经实现了需求,但是我们写的JS代码很繁琐,我们需要先获取form表单中input框元素,然后元素的value值,最后包装成一个对象

FormData的JS写法:

效果如下:

通过这个例子你应该能感受到FormData的便利性,只需要 new FormData(form) 一句代码就可以把form表单内的所有信息都以键值对的形式包装成一个对象返回。

FormData对象是用来将form表单数据编译成键值对,这么做有两个好处:

FormData的常用 *** 作方法:

FormData对象可以帮我们更方便的收集表单数据并中的整理成对象,大大方便了我们发送ajax请求。

这个建议你用ajax来完成。

以jq的ajax为例

==============

$("#form")submit(function(){

var strArray=$(this)serializeArray();//将form表单转为数组形式序列化表单

$post("你要提交的后台页面地址",strArray,function(result,status){

//result是由后台返回的id

//status是状态,为success时成功。

if(status=="success"){

windowopen("要打开的新窗口地址id="+result);//打开一个新窗口,并用get方法传入id

}

});

return false;//此句是防止页面提交

});

=================

以上是jq代码。

后台代码,要看你用的是什么语言了。

比如说php,有个msyql_insert_id();可以获取最后一条插入记录的id。

如果是asp,可以用select top 1 id from 表 order by id desc的方法来获取id。

=================

后台插入数据库的代码,就由你自己来写了。

新打开的窗口,只需获取id即可

楼主,你要搞清楚\x0d\一个表单中,\x0d\无论你放多少submit 都是提交同一个表单,\x0d\所以你放多个submit没有任何意义\x0d\如果是想根据特定的submit,来提交特定的值的话\x0d\你可以在每个submit 换成 button\x0d\给button绑定onclick事件\x0d\\x0d\调用函数,例如:\x0d\\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\script:\x0d\function subForm(type){\x0d\ alert(typevalue);//d出点击按钮的value值\x0d\ //这里就根据typevalue来进行特定的逻辑\x0d\ documentgetElementById("form1")submit(); //提交表单,同理如果有一个id为form2的表单,也可以用documentgetElementById("form2")submit(); 提交\x0d\} \x0d\\x0d\另外给文本的disabled = ‘disabled’的话,那么这个文本的值就不会提交到后台

以上就是关于如何在另一个页面使用JS 获取表单POST提交的数据全部的内容,包括:如何在另一个页面使用JS 获取表单POST提交的数据、前端小技巧:学会用FormData对象收集表单数据、js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9736484.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存