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

如何在用按钮提交表格数据后弹出一个框表示提交成功！例: <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请求，拿到响应结果，对结果进行处理

文章评论已关闭！