表单的提交习惯了<form> submit但是页面刷新跳转的方式。但是在实际项目开发过程,由于特殊的业务场景,需要将submit提交的<form>方式,改为ajax方式提交。
ajax实现没得说,code,ajax函数就OK了,但是在提交时,“点击”按钮调用ajax函数没问题,但是如何实现“回车”提交(即也调用ajax函数)呢?
代码实现方式:
<html> <head> <script type="text/javascript"> function enterto(evt){ var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF if (evt.keyCode==13){ myajax(); } } function myajax(){ //--------------- alert("111") } </script> </head> <body> 文本1:<input type="text" name="test" οnkeydοwn="enterto(event);"/> 文本2:<input type="text" name="test2" οnkeydοwn="enterto(event);"/> 文本3:<input type="text" name="test3" οnkeydοwn="enterto(event);"/> <button name="aa" οnclick="myajax();">提交</button> </body> </html>