日期:2014-05-16  浏览次数:20420 次

使用JavaScript提交数据,不使用表单也可以!

工作中碰到一个问题,有一个输入框,需要用户输入内容,然后点击按钮进行提交!

?

我们通常的做法就是写一个FORM表单.但是这时会出现一点问题,那就是样式会有所变化,好像多出了那么一点空白空间.这样就会影响到美观,当然可以通过修改样式来更改!不过做为程序员,通常还是喜欢使用程序去实现.相当于换个思路!

?

这里我给大家提供一种方法:

?

使用JavaScript进行数据提交,其实就是一个页面跳转!

?

代码如下:

function submit() {
 var textValue = document.getElementById("id").value; //这里的id是文本输入框的id
//使用下面的方法进行页面跳转,页面跳转的时候可以带参数,所以就可以提交数据

window.location.href="result.jsp?text="+textValue;

//这里的地址可以是任意的地址,包括提交路径等!

?

1 楼 niunan 2008-10-14  
学习!!!
2 楼 ufomail 2008-10-14  
建议学学ajax....
3 楼 timothy_bitty 2008-10-14  
如果页面中有很多hidden的input框,使用window.location.href这种方式就要在后面加很长的参数.因此,在一些复杂的页面中我认为不适合用这种方式.
4 楼 playfish 2008-10-14  
form{

margin:0;
padding:0;
}
5 楼 amcucn 2008-10-14  
timothy_bitty 写道

如果页面中有很多hidden的input框,使用window.location.href这种方式就要在后面加很长的参数.因此,在一些复杂的页面中我认为不适合用这种方式.

这话说的没错,这种方法只能针对参数少的时候,方便一点!
6 楼 amcucn 2008-10-14  
ufomail 写道

建议学学ajax....

学ajax没错,可以有时为了快速开发,就不考虑那么多了!呵呵!
7 楼 xiaoZ5919 2008-10-16  
amcucn 写道

ufomail 写道
建议学学ajax....学ajax没错,可以有时为了快速开发,就不考虑那么多了!呵呵!

可以考虑使用jquery 或者prototype 更方便的选择HtmlElement
8 楼 Jathon_hs 2008-10-17  
加form怎么出现的空白?发来看看呢?
9 楼 昔日舞曲 2008-10-21  
楼主很认真的说~~ 
10 楼 drunk 2011-09-07  
这个。。。居然搜到这个了。。