Ajax使用提交数据心得

解析Ajax：异步提交利器

最新推荐文章于 2021-03-10 04:30:47 发布

原创最新推荐文章于 2021-03-10 04:30:47 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

Java 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了Ajax的工作原理及其实现异步提交的两种方法：原生JavaScript方法和jQuery形式。通过具体代码示例，展示了如何使用这两种方法与服务器进行异步通信，包括建立连接、发送请求和处理响应。

Ajax 是什么？实现异步提交的工具。
ajax的实现方法
有两种，也可以说是一种都是用javaScript实现的，但是形式不一样
第一种：javaScript 原生方法

var  httprequest=new  XMLHttpRequest ();
httprequest.open("post","URL",true);
httprequest.send();
以上为建立连接  
xmlHttp.onreadystatechange=function(){    当xmlHttp状态有所改变时调用
if(xmlHttp.readyState==4 & xmlHttp.status==200){  //对xmlHttp状态进行判断
	   		var data=xmlHttp.responseText;   //获取从服务器传输过来的数据
	   	   //console.log(data)  
	   		alert(data);
	    } 	  
	 }

第二种：Jquery形式

$.ajax{
url:"commServlet.do",  //建立连接
type:"POST",  //传输方式
dataType="JSON",  //传输的数据格式
 			data:{
 				//color:"${CommColor.colorId}",size:"${CommSize.sizeId}"			
 			},  //此为向上传输的数据
 			success:function(Result){
 				//传输成功时进行的方法
 				
 			} 	
 			error:function(){
 			//传输失败时进行的方法
 			}
}

以上两个形式均可完成异步提交功能，如有不对之处欢迎批评指正。