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

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

 

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

 

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

 

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

 

代码如下:

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

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

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

 

评论

10 楼 drunk 2011-09-07  

这个。。。居然搜到这个了。。

9 楼 昔日舞曲 2008-10-21  

楼主很认真的说～～ 

8 楼 Jathon_hs 2008-10-17  

加form怎么出现的空白？发来看看呢？

7 楼 xiaoZ5919 2008-10-16  

amcucn 写道

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

可以考虑使用jquery 或者prototype 更方便的选择HtmlElement

6 楼 amcucn 2008-10-14  

ufomail 写道

建议学学ajax....

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

5 楼 amcucn 2008-10-14  

timothy_bitty 写道

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

这话说的没错,这种方法只能针对参数少的时候,方便一点!

4 楼 playfish 2008-10-14  

form{

margin:0;
padding:0;
}

3 楼 timothy_bitty 2008-10-14  

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

2 楼 ufomail 2008-10-14  

建议学学ajax....

1 楼 niunan 2008-10-14  

学习！！！