JQuery提交Form表单，获取返回值

最新推荐文章于 2022-10-28 15:28:06 发布
最新推荐文章于 2022-10-28 15:28:06 发布
阅读量6.8k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxwzjps/article/details/53285904
版权 
$.post("/Feedback/wtdata/save.do",
         $("#wdsform").serialize(),
         function(data){
           alert(data.message);
        });








                

        

        

    




    

      

        

            

              
                
                  sxwzjps
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  3
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
使用jQuery实现post获取与提交

				
			

			

				

					u_u2020的博客
				

				

					09-17
					
					2616
					
				

			

		

		

			
				
我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。
	在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col-1 text-center。
	在姓...

			
		

	



                

              
                



	

		

			

				
					
ajax结合jquery发送post请求并且将返回值显示在页面上

				
			

			

				

					qq_42664961的博客
				

				

					04-21
					
					797
					
				

			

		

		

			
				
springboot： Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported

 <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $.ajax({
                    ur

			
		

	



                


  
              

                


	

		

			

				
					
jQuery  $.post()方法发送参数取得JSON 字符串返回值并在页面展示

				
			

			

				

					rtyuhj67的博客
				

				

					08-23
					
					2360
					
				

			

		

		

			
				
在前一篇博文谈了BOM按层次展开JAVA后端处理程序和实现的算法。前后端有一个数据交互的过程，都是通过 JSON 实现的，前端通过 jQuery AJAX的$.post()方法提交JSON 数据到ajaxbomexplosionlevel，返回JSON字符串后进行页面展示，详见前端的JSP 程序主要部分，在程序的相应部分进行了注释说明。

前端JSP 页面的主要部分，通过进入页面...

			
		

	





	

		

			

				
					
php等待post,如何在$ .post jQuery中等待响应

				
			

			

				

					weixin_39918084的博客
				

				

					03-24
					
					248
					
				

			

		

		

			
				
PHP会以1-2秒的延迟返回值jQuery.post不等待响应。您如何看待，是否有可能解决该问题并等待响应？$.post( sSource, aoData, function (data) {oCache.lastJson = jQuery.extend(true, {}, data);if ( oCache.iCacheLower != oCache.iDisplayStart ){data.a...

			
		

	



		

			
		



	

		

			

				
					
form表单提交数据如何拿到返回值

				
			

			

				

					weixin_36723038的博客
				

				

					10-28
					
					7876
					
				

			

		

		

			
				
使用form表单提交参数的时候，是依据input框里面的name值传给后端的，只需在form节点添加action以及提交方式就可以调通前后端。但是这种直接的操作是不能够判断接口是否调通的，是拿不到返回值的。这就意味着不能够做对应的操作。主要就是创建一个回调函数，然后在传统的提交form表单的方法调用即可。

			
		

	





	

		

			

				
					
使用jquery.form.js提交表单并获取后台返回值

				
			

			

				

					北冥有雨
				

				

					09-27
					
					3069
					
				

			

		

		

			
				
使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台
1.前台js代码
//使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台
		$("#frm-reg").ajaxSubmit(function (data) {
	    	if (data.result == 1) {
				layer.msg(data.msg, { icon : 1, time : 1000 }, function() {
					var i

			
		

	





	

		

			

				
					
JQuery通过Ajax提交表单并返回结果

				
			

			

				

					12-08
				

			

		

		

			
				
在现代Web开发中，jQuery...`jquery.form.js`插件是jQuery的一个扩展，它简化了表单的Ajax提交操作。确保在HTML头部包含了以下引用：  ```html <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> ...

			
		

	





	

		

			

				
					
from 表单提交返回值用post或者是get方法实现

				
			

			

				

					09-05
				

			

		

		

			
				
在这个过程中，`jQuery` 提供了 `$.post` 和 `$.get` 两种方法来实现异步的 AJAX 表单提交，从而实现在不刷新整个页面的情况下获取服务器的返回值。  `$.post` 是 jQuery 中的一个 AJAX 函数，它使用 HTTP POST 请求...

			
		

	





	

		

			

				
					
jQuery实现form表单基于ajax无刷新提交方法实例代码

				
			

			

				

					10-16
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用jQuery通过Ajax技术实现form表单的无刷新提交。这种方法允许用户在不离开当前页面的情况下提交数据，提高了用户体验。以下是一个详细的实例代码讲解。  首先，我们需要一个HTML页面...

			
		

	





	

		

			

				
					
动态设置form表单的action属性的值的简单方法

				
			

			

				

					09-02
				

			

		

		

			
				
总结来说，动态设置`form`表单的`action`属性的值是通过JavaScript或jQuery来实现的，可以为表单提供更灵活的提交逻辑。在实际应用中，可以根据项目需求和页面环境选择合适的实现方式。记住，动态改变`action`属性时...

			
		

	





	

		

			

				
					
jquery实现表单文件上传，并获取回调信息

				
			

			

				

					02-25
				

			

		

		

			
				
jquery实现表单文件上传，并获取回调信息,下载之后只需要配置js路径就可实现上传

			
		

	





	

		

			

				
					
提交表单时执行func方法实现代码

				
			

			

				

					10-27
				

			

		

		

			
				
在这个例子中，我们调用了`MyForm`函数，并期望其返回值为布尔类型，如果返回`false`，则阻止表单的默认提交行为（即向服务器发送数据）；如果返回`true`，则允许表单继续提交。  `MyForm`函数的主要任务是对用户...

			
		

	





	

		

			

				
					
jquery ajax post 返回,jQuery Ajax POST并返回数据

				
			

			

				

					weixin_39933356的博客
				

				

					08-05
					
					424
					
				

			

		

		

			
				
此表格正在工作，但我有一个印象是功能不正确。jQuery(document).ready(function(){var myForm = $("#ajax_form"), email = $("#email"), emailInfo = $("#emailInfo"), ck1 = $("#ck1"), ck2 = $("#ck2"), ck3 = $("#ck3");jQuery('#ajax_...

			
		

	





	

		

			

				
					
【jQuery】使用jquery.form.js，获取提交表单返回值

				
			

			

				

					寒泉
				

				

					04-15
					
					7万+
					
				

			

		

		

			
				
jQuery表单库介绍
实现 html 中提交表单并实现不跳转页面处理返回值
jQuery表单库（jquery.form.js库）以jQuery为基础，用于处理表单AJAX提交，使得表单AJAX提交简单、容易，且能完整控制提交过程和处理结果，不需要任何特殊标签辅助，不影响原表单结构，只要使用该库就能使普通表单平滑升级为ajax提交表单。
官方地址：https://github.com/jquery...

			
		

	





	

		

			

				
					
JQuery获取表单绑定的submit事件并手动调用获得返回值

				
			

			

				

					a785975139的博客
				

				

					04-06
					
					1万+
					
				

			

		

		

			
				
我在用SupperAdmin这个前端模板，它封装了表单验证的所有过程。不过只适用于表单action提交，现在我想在ajax请求中表单也能利用它自带的验证该怎么做呢？ 
 
SupperAdmin验证提示这么漂亮，让我没理由不用。首先把改成然后关键是要获取底层框架给这个form绑定了什么事件了，通过参考互联网的资料，可以通过 .data(._data(form[0],”events”)来获取dom通过

			
		

	





	

		

			

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

					
热门推荐

				
			

			

				

					众里寻她千百度，蓦然回首，那人却在灯火阑珊处
				

				

					07-30
					
					9万+
					
				

			

		

		

			
				
小伙伴是不是遇到过这样的问题，通过submit提交form表单的时候，不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax，其实小编也会。假如提价的form表单中含有文件，怎么办？（注：其实小编不会如何用ajax把选择文件上传到后台，如果有会的小伙伴可以分享一下）
步骤1：想要通过submit方式提交form表单，需要引入js   
jquery.js

jquery-form

			
		

	





	

		

			

				
					
jQuery以Post方式发送请求并获取返回的文件供下载！

				
			

			

				

					weixin_30954265的博客
				

				

					06-16
					
					1666
					
				

			

		

		

			
				
用ajax请求文件下载当然是可以的，不用有返回值，代码差不多是这样：


try
        {
            string FileName = ".//doc//[大家网]Beginning.ASP.NET.2.0.E-Commerce.in.C#.2005.From.Novice.to.Professional[www.TopSage.com].pdf";
...

			
		

	





	

		

			

				
					
ajax提交java表单_使用ajax提交form表单，包括ajax文件上传

					
最新发布

				
			

			

				

					05-25
				

			

		

		

			
				
使用ajax提交form表单可以实现不刷新页面的数据交互，而ajax文件上传则可以实现异步上传文件。

首先，需要在前端页面中引入jquery库和jquery.form插件。

然后，通过jquery的ajax方法来提交表单数据，代码如下：

```javascript
$(document).ready(function(){
    $('#submitForm').click(function(){
        var formData = new FormData($('#myForm')[0]);
        $.ajax({
            url: 'submit.php',  // 提交的url地址
            type: 'POST',  // 提交方式
            data: formData,
            dataType: 'json', // 返回值类型
            cache: false,  // 是否缓存
            processData: false,  // 是否处理数据
            contentType: false,  // 是否设置内容类型
            success: function(data){
                // 成功回调函数
            },
            error: function(){
                // 失败回调函数
            }
        });
        return false;
    });
});
```

其中，`#submitForm`为提交按钮的id，`#myForm`为表单的id，`submit.php`为后台处理程序的url地址。

对于文件上传，需要将`processData`和`contentType`设置为`false`，并使用`FormData`对象来传递表单数据，如下所示：

```javascript
$(document).ready(function(){
    $('#submitForm').click(function(){
        var formData = new FormData($('#myForm')[0]);
        $.ajax({
            url: 'submit.php',  // 提交的url地址
            type: 'POST',  // 提交方式
            data: formData,
            dataType: 'json', // 返回值类型
            cache: false,  // 是否缓存
            processData: false,  // 是否处理数据
            contentType: false,  // 是否设置内容类型
            success: function(data){
                // 成功回调函数
            },
            error: function(){
                // 失败回调函数
            }
        });
        return false;
    });
});
```

后台处理程序可以通过`$_FILES`变量来获取上传的文件信息。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 3

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值