jqueryform表单提交,弹出新窗口_html+css+js软件

jqueryform表单提交,弹出新窗口_html+css+js软件表单提交种类 编程的朋友,应该会经常会遇到form 表单的数据需保存到数据库中,用于存储用户的数据。有2种方式:get()与post()方式,这2种方式的区别就不用具体介绍了,相信朋友们都很清楚的了解。在这

  1. 表单提交种类

编程的朋友,应该会经常会遇到form 表单的数据需保存到数据库中,用于存储用户的数据。有2种方式:get()与post()方式,这2种方式的区别就不用具体介绍了,相信朋友们都很清楚的了解。在这想总结的是action的几种写法。

  1. 一般写法:<form action=“XXX”> 指定要接收提交的请求的servlet或者是jsp等其他控制层方法的URI。但是这种写法有一个不好的地方就是:提交表单后,页面会变白,体验性不好。

  2. 将表单中的<input type=”submit”> 改成<input type=”button” onclick=”add()”>

    在js中定义如下函数:

    function add(){

    用jQuery 取表单的各项值进行验证;

    调用 program(参数1,参数2,……)

    }

    function program(参数1,参数2,……….){

    var program = setQueryString(“变量1“,参数1,“变量2”,参数2,…….);

    xmlHttp.open(‘post’,’指定的servlet’,true);

    xmlHttp.setrequestheader(“content-type”,”application/x-www-form-urlencoded”);

    xmlHttp.send(parm);

    xmlHttp.onreadystatechange=response;

  3. }

    function response(){

    if(xmlHttp.readyState==4){

    if(xmlHttp.status=200){

    // 可以给用户一些反馈,比如:

    alert(“操作成功”);

    }

    }

    }

    3.这种方式是第二种方式用jQuery写法简化

    $.ajax({

    url:’指定的servlet’

    type:’post’ 或者是’get’

    data:可以是json 格式,或者是用字符串拼接,比如:“变量1”+参数1+…….

    success:function(){

    服务返回给前端的数据。

    }

    });

后2种方式是Ajax 提交方式,好处是局部刷新,增强体验效果。

内容就这么多,欢迎大家针对不足之处提出意见。

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/17550.html

(0)
上一篇 2024年 9月 16日
下一篇 2024年 9月 16日

相关推荐

关注微信