zoukankan      html  css  js  c++  java
  • 如何通过submit提交form表单获取后台传来的返回值

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

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

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

    jquery.js

    jquery-form.js

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

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

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

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

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


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

    1.  $("#form1").bind("submit", function(){    
    2.     var file=$("#file_sc").val();  
    3.     if(file == ""){    
    4.         alert("请选择文件!!!");  
    5.         return false;    
    6.     }    
    7. });  
        	</article>
    
    	<div class="article-bar-bottom">
    			<div class="article-copyright">
    		版权声明:本文为博主原创文章,未经博主允许不得转载。			https://blog.csdn.net/qq_34651764/article/details/76373846		</div>
    							<div class="tags-box">
    		<span class="label">个人分类:</span>
    					<a class="tag-link" href="https://blog.csdn.net/qq_34651764/article/category/6442427" target="_blank">html						</a><a class="tag-link" href="https://blog.csdn.net/qq_34651764/article/category/6679649" target="_blank">java-web						</a>
    	</div>
    				</div>
    
    <!-- !empty($pre_next_article[0]) -->
    	</div>
  • 相关阅读:
    Redis持久化
    Windows Phone中扩展WebBrowser使其支持绑定html内容
    使用MVVM-Sidekick开发Universal App(二)
    使用MVVM-Sidekick开发Universal App(一)
    在Windows Phone 8中使用Live Connect并保持登陆状态
    iOS 打印结构体
    CGAffineTransformMake 矩阵变换 的运算原理(转)
    二维码快速扫描工具
    微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,ios网络预览异常(转)
    UIView的setNeedsLayout, layoutIfNeeded 和 layoutSubviews 方法之间的关系解释(转)
  • 原文地址:https://www.cnblogs.com/jpfss/p/8961591.html
Copyright © 2011-2022 走看看