Code Bye

如何在用按钮提交表格数据后弹出一个框表示提交成功!

 

如何在用按钮提交表格数据后弹出一个框表示提交成功!
例:
       <form action=”studentAction!selectCourse” method=”POST”>
      studentID:<input type=”text” name=”studentId” />
      courseID:<input type=”text” name=”courseId” />
       <input type=”submit” value=”submit” />  
</form>

求大神们解救啊!在线等!
加到60分!求大神告诉!
你这个是 submit 提交
改一下用 ajax 提交
返回信息后弹出提示框
怎么用ajax提交。。。能不能详细一点。。。

20分
你可以用jQuery啊,so easy的。
$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$(""#yourformid"").serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                     alert("成功");
                }
            });
引用 5 楼 shijing266 的回复:

你可以用jQuery啊,so easy的。

$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$(""#yourformid"").serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                     alert("成功");
                }
            });

我试了可是用不了啊,你能说说在表单里面怎么配置和在action中怎么得到表单输入的数据么

 楼上这个就可以。
给form加一个ID
然后通过document.getElementById(“formID”).submit()来提交,form里面的提交按钮不要用submit, 用input
引用 6 楼 u012942345 的回复:
Quote: 引用 5 楼 shijing266 的回复:

你可以用jQuery啊,so easy的。

$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$(""#yourformid"").serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                     alert("成功");
                }
            });

我试了可是用不了啊,你能说说在表单里面怎么配置和在action中怎么得到表单输入的数据么

您老又在逗我了,你别告诉我你用submit的按钮来执行这个…你直接改成button按钮

你先告诉我你用的后台是什么?action,servlet,还是springmvc
引用 10 楼 shijing266 的回复:
Quote: 引用 6 楼 u012942345 的回复:
Quote: 引用 5 楼 shijing266 的回复:

你可以用jQuery啊,so easy的。

$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$(""#yourformid"").serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                     alert("成功");
                }
            });

我试了可是用不了啊,你能说说在表单里面怎么配置和在action中怎么得到表单输入的数据么

您老又在逗我了,你别告诉我你用submit的按钮来执行这个…你直接改成button按钮

同上就可以,意思是让你用input type =””button”” 给这个按钮加个事件触发ajax

后台是用ssh集合。。其实我是想做一个登录验证。。。我说的意思误解大家了。。
求问url该怎么写!action的!

20分
不要忘记导入jquery 的js文件,不然ajax用不了的,url就写你form表单提交的action的位置就行了
js代码:
function check(){
    alert(“fda”);
   $.ajax({
     cache:true,
     url:”loginAction!checkStudent”,
     type:”POST”,
     data:$(“#loginStudent”).serializa(),
     async:false,
     error:function(request){
      alert(“error”);
     },
     success:function(request){
      
      alert(“success!”);
     }
   
   });

html代码
    姓名:<input type=”text” name=”sname” id=”model.sname”/>
        密码:<input type=”text” name=”password” id=”model.password”/>
         <!–  <input type=”submit” value=”登录” /> –>
          <input type=”button” value=”登录” id=”btn” /> 
        </form>
        <script>
          
          $(“#btn”).click(
          
          function(){
          
           alert(“hi”);
           check();
           //document.getElementById(“loginStudent”).submit();
          }
          );
可是点击之后调用chenck函数时发现似乎没有调用ajax里面的代码!
 <script src=”http://libs.baidu.com/jquery/2.0.0/jquery.min.js”>这是我在网上引入的jquery库!
求指教一下!困扰几天了。。。菜鸟伤不起啊!。。


20分
用ajax发http请求,拿到响应结果,对结果进行处理

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何在用按钮提交表格数据后弹出一个框表示提交成功!