jquery ajaxSubmit

最新推荐文章于 2024-01-10 18:02:22 发布
最新推荐文章于 2024-01-10 18:02:22 发布
阅读量96 收藏
点赞数
文章标签： javascript json ViewUI
原文链接：http://www.cnblogs.com/signheart/p/6599835.html
版权 
 
  
  1. <script type="text/javascript" src="jquery/jquery.js"></script></head> 
  2. <script type="text/javascript" src="jquery/jquery.form.js"></script> 
  3.  
  4. <script type="text/javascript"> 
  5.  
  6.  $(function() { 
  7.  
  8.  $("#loginform").submit(function(){ 
  9.  $(this).ajaxSubmit({ 
  10.  type:"post", //提交方式 
  11.  dataType:"json", //数据类型 
  12.  url:"${basePath}/login.action", //请求url 
  13.  success:function(data){ //提交成功的回调函数 
  14.  alert(data.result); 
  15.  } 
  16.  }); 
  17.  return false; //不刷新页面 
  18.  }); 
  19.  
  20.  
  21.  }); 
  22.  
  23. </script> 
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
   
  
 
 
 
 
 
  
 
 
 
 
 
  
附件列表
 
 
 
 
 
 

 

转载于:https://www.cnblogs.com/signheart/p/6599835.html

                

        

        




    




    

      

        

            

              
                
                  weixin_30847271
                
              
            

            

                关注
              
            

        

        

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

      

      










                



	

		

			

				
					
jquery ajaxSubmit 异步提交

				
			

			

				

					xuanjiewu的专栏
				

				

					11-22
					
					2万+
					
				

			

		

		

			
				
jquery 的ajaxSubmit 异步提交
前台js
$("#nickForm").ajaxSubmit({
     type: "post",
     url: "http://localhost:8080/test/myspace.do?method=updateNick&param=1",
     dataType: "json",
     success: func

			
		

	



                

              
                



	

		

			

				
					
jQuery ajax

				
			

			

				

					Yichair的博客
				

				

					07-20
					
					310
					
				

			

		

		

			
				
post 接收为text<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <input id="username" name="username" type="text">
    <input type="button" valu

			
		

	



                


  
              

                


	

		

			

				
					
jQuery使用ajaxSubmit()提交表单示例

				
			

			

				

					12-09
				

			

		

		

			
				
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。如下所示：
 代码如下:[removed][removed][removed][removed]
那么，如何通过ajaxSubmit(obj)提交数据呢？首先我们需要一个form：
XHTML 代码如下:<form>    标题：<input type=”text” name=”t

			
		

	





	

		

			

				
					
Jquery 中 ajaxSubmit使用讲解

					
热门推荐

				
			

			

				

					h70614959的专栏
				

				

					04-16
					
					22万+
					
				

			

		

		

			
				
最近在使用ajaxForm，随便把使用方法记下下来，以便以后回顾。
1 ，引入依赖脚本
   //ajaxForm 依赖脚本






2 使用方法




var ajax_option={
url:"login",//默认是form action
success:function(data){
}
$('#testForm').ajaxSubmit(aja

			
		

	



		

			
		



	

		

			

				
					
jQuery使用ajaxSubmit()提交表单示例（转）

				
			

			

				

					xinghuo0007的博客
				

				

					05-30
					
					1万+
					
				

			

		

		

			
				
这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下：准备工作：ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。如下所示： <!--jquery需要引入的文件-->
    <script src="https://ajax.aspn

			
		

	





	

		

			

				
					
Jquery 中 ajaxSubmit使用笔记

				
			

			

				

					QY_99的博客
				

				

					08-09
					
					700
					
				

			

		

		

			
				
Jquery 中 ajaxSubmit使用笔记

			
		

	





	

		

			

				
					
php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解

				
			

			

				

					weixin_42533910的博客
				

				

					03-17
					
					193
					
				

			

		

		

			
				
刚刚学习中，使用到了ajaxSubmit，犹豫以前没有接触㢧这个，所以刚开始是一脸懵逼状态，最后通过查找资料的方式，解决了这个问题这个很兴奋，做到了页面的无刷新上传图片，送给看我博客园的朋友一句话：“山高人为峰，努力定成功!”下面我对ajaxSubmit做一下总结：1.jQuery引入进去；2.网上下载jQuery Form插件；这里对form插件做一下介绍，因为刚开始做前端的人不一定能懂，jQu...

			
		

	





	

		

			

				
					
jquery ajaxSubmit 异步提交的简单实现

				
			

			

				

					10-26
				

			

		

		

			
				
主要介绍了jquery ajaxSubmit 异步提交的简单实现。需要的朋友可以过来参考下，希望对大家有所帮助

			
		

	





	

		

			

				
					
jQuery ajaxSubmit 实现ajax提交表单局部刷新

				
			

			

				

					11-23
				

			

		

		

			
				
需要引入 ： jquery-form.js  使用说明：  Java代码  $(document).ready(function() { var options = { target: '#mydiv', // 需要刷新的区域 //beforeSubmit: showRequest, // 提交前调用的方法 //

			
		

	





	

		

			

				
					
Jquery ajaxsubmit上传图片实现代码

				
			

			

				

					10-28
				

			

		

		

			
				
引入`jquery.form.js`库后，我们可以使用`ajaxSubmit`方法来实现异步文件上传。`jquery.form.js`是基于jQuery的一个插件，它扩展了jQuery的功能，允许我们使用Ajax方式处理表单提交，包括文件上传。  以下是使用`...

			
		

	





	

		

			

				
					
如何解决JQuery ajaxSubmit提交中文乱码

				
			

			

				

					12-09
				

			

		

		

			
				
在使用JQuery的`ajaxSubmit`方法提交包含中文字符的数据时，可能会遇到乱码问题，尤其是在不同的浏览器中表现不一致。这是因为浏览器在处理字符编码时的差异，以及服务器端解码方式的不同。以下是对这个问题的深入...

			
		

	





	

		

			

				
					
通过jQuery中的ajaxSubmit()提交表单

				
			

			

				

					qq_48739475的博客
				

				

					11-01
					
					651
					
				

			

		

		

			
				
1、为什么使用：通过ajaxSubmit()方式可以在不刷新页面的情况下异步提交表单

1、前提：除了引入必要的jquery.js外还要引入js/jquery.form.js

2、使用实例：


<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></scri

			
		

	





	

		

			

				
					
$.ajax.submit,jQuery中的AjaxSubmit使用讲解

				
			

			

				

					weixin_31001739的博客
				

				

					08-05
					
					1801
					
				

			

		

		

			
				
最近在使用ajaxForm，随便把使用方法记下下来，以便以后回顾。1 ，引入依赖脚本 //ajaxForm 依赖脚本2 使用方法var ajax_option={url:"login",//默认是form actionsuccess:function(data){}$('#testForm').ajaxSubmit(ajax_option);}//注意$("#testForm") 引号中名称必须要...

			
		

	





	

		

			

				
					
jQuery —— ajaxForm和ajaxSubmit的用法与区别

					
最新发布

				
			

			

				

					qq_53895518的博客
				

				

					01-10
					
					926
					
				

			

		

		

			
				
提交方式：ajaxSubmit能够立即通过AJAX提交表单，适用于各种情况下的提交，且不需要提供submit按钮。而ajaxForm不会直接提交表单，需要加入特定的监听事件才能阻止表单的直接提交，并使用AJAX进行提交。灵活性：ajaxSubmit更为灵活，依赖于事件机制，只要有事件存在就能使用该方法。只需要指定该form的action属性即可。而ajaxForm在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。阻止表单提交。

			
		

	





	

		

			

				
					
jQuery使用ajaxSubmit()提交表单以及AjaxSubmit的一些用法

				
			

			

				

					熊猫君
				

				

					05-13
					
					4万+
					
				

			

		

		

			
				
作为一个Java新人工作的一些总结和笔记，有什么不对的欢迎批评指导。

			
		

	





	

		

			

				
					
jquery系列之-ajaxSubmit()提交表单示例

				
			

			

				

					weinichendian的博客
				

				

					08-18
					
					3930
					
				

			

		

		

			
				
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。如下所示：




<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://malsup.github.io/jqu...

			
		

	





	

		

			

				
					
jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交)

				
			

			

				

					weixin_43845335的博客
				

				

					04-26
					
					2738
					
				

			

		

		

			
				
jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交)

ajaxSubmit 和ajaxForm区别


ajaxForm

ajaxForm()不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ajaxForm()适用于以表单提交方式处理ajax技术（需...

			
		

	





	

		

			

				
					
jQuery表单插件ajaxForm,ajaxSubmit使用详解

				
			

			

				

					05-16
				

			

		

		

			
				
jQuery表单插件ajaxForm和ajaxSubmit都是用来实现表单提交的，其中ajaxForm适用于所有的表单，而ajaxSubmit只适用于表单中的input、select等元素，不能包含文件上传域。

ajaxForm的使用方法：

1.引入jQuery库和jquery.form.js插件文件

```
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
```

2.使用ajaxForm函数提交表单

```
$(document).ready(function() {
  $('#form1').ajaxForm(function(data) {
    alert(data);
  });
});
```

其中，#form1是表单的ID，data是服务器端返回的数据。

ajaxSubmit的使用方法：

1.引入jQuery库和jquery.form.js插件文件

```
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
```

2.使用ajaxSubmit函数提交表单

```
$(document).ready(function() {
  $('#form1').submit(function() {
    $(this).ajaxSubmit({
      success: function(data) {
        alert(data);
      }
    });
    return false;
  });
});
```

其中，#form1是表单的ID，data是服务器端返回的数据。

ajaxSubmit还可以通过其他参数来设置表单提交的相关信息，如：

```
$(document).ready(function() {
  $('#form1').submit(function() {
    $(this).ajaxSubmit({
      type: 'post', // 提交方式，get或post，默认为get
      url: 'submit.php', // 提交的URL地址
      data: { // 提交的数据，键值对形式
        username: 'admin',
        password: '123456'
      },
      dataType: 'json', // 服务器返回的数据类型，text、xml、json等
      success: function(data) { // 提交成功后的回调函数
        alert(data);
      }
    });
    return false;
  });
});
```

以上就是ajaxForm和ajaxSubmit的详细使用方法。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值