欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

入门级有关问题,ajax如何提交表单form

更新时间: 2014-01-05 01:53:52 责任编辑: Author_N1

 

入门级问题,AJAX怎么提交表单FORM?
之前的FORM submit提交,速度比较慢,现在想要用局部刷新,也就是ajax,原来的网页改怎么改呢.查了下资料
submit将跳转整个页面,我只要刷新FORM里面某些数据.我是新手,给个纯ajax的就好了,什么框架真心没精力去琢磨.....谢谢了






<html>
<head><title>TEST
</title>
<style type="text/css">
body {font-size:100%}
input{font-size:105%}
select{font-size:105%}
#log_out
{
    position:absolute; 
    color:black; 
    font-size:15px;
    top:15px;
    left:1090px;
}
a{text-decoration:none}
</style>
</head>

<body onLoad="SetFormDefaults()">
<h2 style="text-align:center">TEST</h2>

<script type='text/javascript' language='JavaScript'>
//<!--#Form3-->
</script>

<form method="get" action="iocontrol3.cgi" name="iocontrol3">
<table border="1">
<b><font size="5"> Form3 Control</font>
<tr>
<td>PORT1<br>
<select name="port1" >
<option value="0">OFF
<option value="1">ON
</select>
</td>

<td>PORT2<br>
<select name="port2">
<option value="0">OFF
<option value="1">ON
</select>
</td>
<td>PORT3<br>
<select name="port3">
<option value="0">OFF
<option value="1">ON
</select>
</td>
<td><br>
<input type="submit" name=WM value="submit">
</td>
</tr>
</table>
<br>
</form>

<script type="text/javascript">
function SetFormDefaults()
{
document.iocontrol3.port1.selectedIndex=dport1;
document.iocontrol3.port2.selectedIndex=dport2;
document.iocontrol3.port3.selectedIndex=dport3;
</script>

</html>

--参考方法--
我一般用jquery的ajax方法
表单提交用 data:$("#form1").serialize(),  form1为你要提交表单的id


$("#subbtn").click(function(){
          $.ajax({
          type: "post",
          url: "consultant_save.action",     
          data: $("#form1").serialize(),    
          success: function(data) {
          alert("提交成功!");
          },
          error: function(data) {
          alert(data);
          }
          })
         });

--参考方法--
作为新手你还是用框架的ajax函数好,原生的更麻烦
楼上的就不错,只需引入jQuery的js文件即可
--参考方法--
jquery只要下载个js文件 然后引入就好了

<script src="<%=request.getContextPath()%>/js/jquery-1.7.2.min.js"></script>

--参考方法--
jquery中form 插件。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:53:52
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2727/
本文WWW.DOC100.NET DOC100.NET版权所有。