牛骨文教育服务平台(让学习变的简单)
博文笔记

如何通过submit提交form表单获取后台传来的返回值

创建时间:2017-07-30 投稿人: 浏览次数:151

  小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实小编也会。假如提价的form表单中含有文件,怎么办?(注:其实小编不会如何用ajax把选择文件上传到后台,如果有会的小伙伴可以分享一下)

步骤1:想要通过submit方式提交form表单,需要引入js   

jquery.js

jquery-form.js

步骤2:写一个form表单(样式就不写了)

<form action="链接" id="form1" method="post" style="text-align:center;" enctype="multipart/form-data">
	<input type="file" id="file_sc" name="file" accept=".xls,.xlsx"><br/>
	提交人:<input type="text" id="name" name="name" ><br/>
		<input type="submit" id="tj" value="提交">
 </form>

步骤3:js获取从后台返回的值

$(function(){
	/** 验证文件是否导入成功  */
	$("#form1").ajaxForm(function(data){  
		if(data=="1"){
			alert("提交成功!");   
		}
	});     
});

后台该怎么样写还怎么写。


ps:在这里在讲点关于提交form表单时的验证

 $("#form1").bind("submit", function(){  
	var file=$("#file_sc").val();
	if(file == ""){  
		alert("请选择文件!!!");
		return false;  
	}  
});
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。