.post简化.ajax方式提交form表单

最新推荐文章于 2020-01-11 18:39:13 发布
最新推荐文章于 2020-01-11 18:39:13 发布
阅读量700 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zziamalei/article/details/44634559
版权 
<pre name="code" class="html"><script type="text/javascript">
$("#submit").click(function(){
	$.post("${pageContext.request.contextPath}/news/addImportantNews"
			, $("#formData").serialize()
			,function(data){
		
		alert(data.flag);
	
	}, "json");
	//${pageContext.request.contextPath}/news/addImportantNews"为请求action的路径
	//formData为表单id
	//data为后台返回值
});
</script>



                

        

        

    




    

      

        

            

              
                
                  zziamalei
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
Jquery中ajax提交表单几种方法(get、post两种方法)

				
			

			

				

					12-04
				

			

		

		

			
				
在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了，下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ，下面我来介绍两个提交表单数据的方法。
$get方式提交表单

get() 方法通过远程 HTTP GET 请求载入信息
格式

$(selector).get(url,data,success(response,status,xhr),dataType)
请求 test.php 网页，传送2个参数，忽略返回值：

$.get("test.php"

			
		

	



                

              
                



	

		

			

				
					
ajax提交form表单方法

				
			

			

				

					cgj19960119的博客
				

				

					03-01
					
					2万+
					
				

			

		

		

			
				
ajax提交form表单方法

由driventokill创建，Alma 最后一次修改2018-04-23 15:46:20

ajax提交form表单，这在日常项目中是经常用到的。前台无论是简单的html、jsp或者使用了easyui框架，只要是提交表单一般都会使用到ajax。



ajax提交表单分为两种：

1、无返回结果的，就是把表单数据直接提交给后台，让后台直接处理；

最简单...

			
		

	



                


  
              

                


	

		

			

				
					
ajax传递参数含有特殊字符解决方案

				
			

			

				

					peterxiaoq的专栏
				

				

					03-17
					
					1万+
					
				

			

		

		

			
				
ajax传递参数含有特殊字符解决方案


引用


       JQuery AJAX中遇到这样一个问题,参数中包含特殊字符,比如&'#@等 
       这是执行AJAX的时候就会出问题,因为所传的参数变了. 
       看个示例就明白: 






Java代码  



方案一：  
              $.ajax({  
   

			
		

	





	

		

			

				
					
在jquery中ajax提交表单的post与get方式详解

				
			

			

				

					wcy_1011的专栏
				

				

					12-16
					
					4793
					
				

			

		

		

			
				
另附两篇参考文章链接：
http://blog.csdn.net/wuxiupeng/article/details/7844003     

http://www.cnblogs.com/nangong/archive/2013/07/23/3208302.html


在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列

			
		

	



		

			
		



	

		

			

				
					
ajax post方式表单提交setRequestHeader报错解决方法

				
			

			

				

					01-19
				

			

		

		

			
				
当我们创建一个异步对象XMLHttpRequest同时post方式向后台传输数据的时候。 我们要设置异步对象的xhr.setRequestHeader成员的值为 ...这个设置在form表单中的enctype属性（规定在发送到服务器之前应

			
		

	





	

		

			

				
					
Jquery通过Ajax方式来提交Form表单的具体实现

				
			

			

				

					12-10
				

			

		

		

			
				
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: ... 后来我就想了一下,我要提交form表单有没有办法呢?但是我不可能每个fom的input都写一次var demo=$(“#divname”).val();的. 后来,今天我看到一个方法,就

			
		

	





	

		

			

				
					
jQuery ajax提交Form表单实例(附demo源码)

				
			

			

				

					11-27
				

			

		

		

			
				
本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考，具体如下： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。 如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移...

			
		

	





	

		

			

				
					
ajax XMLHTTP Post Form时的表单乱码综合解决

				
			

			

				

					01-21
				

			

		

		

			
				
Part I Post中文内容 先看看E文的表单是怎么提交的： 代码如下:[removed] strA = “submit1=Submit&text1=scsdfsd”; var oReq = new ActiveXObject(“MSXML2.XMLHTTP”); oReq.open(“POST”,”...

			
		

	





	

		

			

				
					
ajax验证并提交表单的两种方法博客源码

				
			

			

				

					05-09
				

			

		

		

			
				
本资源通过ajax实现对提交的form表单的验证，该代码不但有针对property验证，也有针对object验证，还有一个异步获取对象的实例；包含完整的代码和库文件；在myeclipse8.5和apache-tomcat-6.0.30测试通过；访问网址：
http://localhost:8080/Json/checkProperty.jsp
http://localhost:8080/Json/checkObject.jsp
http://localhost:8080/Json/getJson.jsp

			
		

	





	

		

			

				
					
form表单提交含有特殊字符

				
			

			

				

					准我留下的专栏
				

				

					08-06
					
					4558
					
				

			

		

		

			
				
<br />value = "e://#%.jpg";<br />前台时可以看到文件名<br />后台String path = request.getParameter("path");时变成了e://<br /> <br />需要在前台对特殊字符进行处理<br />function filter(value) {<br /> value = value.replace("#", "%23")<br />              .replace("%", "%25")<br />           

			
		

	





	

		

			

				
					
url转码和解码

				
			

			

				

					Hello World!
				

				

					07-07
					
					9744
					
				

			

		

		

			
				
转自：


js中escape,encodeURI,encodeURIComponent三个函数的区别

			
		

	





	

		

			

				
					
form表单ajax提交json数据

				
			

			

				

					雄的博客
				

				

					11-20
					
					2万+
					
				

			

		

		

			
				
前端页面：
&lt;form id="userInfo" &gt;
        &lt;div class="weui-cell"&gt;
            &lt;div class="weui-cell__hd"&gt;&lt;label class="weui-label"&gt;姓名&lt;/label&gt;&lt;/di

			
		

	





	

		

			

				
					
使用ajax提交form表单实现文件上传

				
			

			

				

					sdsjx01的博客
				

				

					03-11
					
					8397
					
				

			

		

		

			
				
在使用form表单的时候,一旦点击提交触发submit事件，一般会使得页面跳转，页面间的跳转等行为的控制权往往在后端，后端会控制页面的跳转及数据传递，但是在某些时候不希望页面跳转，或者说想要将控制权放在前端，或者想在前台接收支持IOS或安卓的json数据格式，这时候就需要使用ajax提交。

使用ajax实现文件上传：

--01：--导入文件上传的jar包：


    &lt;dependen...

			
		

	





	

		

			

				
					
JavaScript(24) Ajax实现提交form表单到后台并接收返回数据处理

					
热门推荐

				
			

			

				

					郑清
				

				

					12-02
					
					2万+
					
				

			

		

		

			
				
前台html表单


<form action="">
        <ul class="editInfos">
            <li><label><font color="#ff0000">* </font>请输入旧密码：<input type="text" name="oldPassword" i...

			
		

	





	

		

			

				
					
通过ajax提交form表单数据的几种方式

				
			

			

				

					前端开发-陈善强
				

				

					01-11
					
					2万+
					
				

			

		

		

			
				
一、FormData方法
作用:

模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。
异步上传二进制文件

使用


在原生ajax中的使用

<form id="form"> 
    <input type="text" name="username" /> 
    <input type="password" ...

			
		

	





	

		

			

				
					
# Ajax提交Form表单以及后端取值（java）

				
			

			

				

					不积跬步，无以至千里；不积小流，无以成江海
				

				

					05-17
					
					4458
					
				

			

		

		

			
				
Ajax提交Form表单以及后端取值（java）
1、ajax提交form表单：
<script>
	function denglu(){
		$.ajax({
			type : "POST",
			url : "../denglu",
			//方法1：将form表单数据序列化
			data : $('#one').serialize(),
			//方法2：传送json数据
...

			
		

	





	

		

			

				
					
ajax提交form表单数据post

					
最新发布

				
			

			

				

					07-27
				

			

		

		

			
				
回答: 在原生ajax中，可以通过以下步骤来提交form表单数据进行post请求。首先，获取form表单元素并将其转换为formData表单对象。然后，创建一个XMLHttpRequest对象，并配置它的请求方式和URL。如果需要发送跨域请求...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值