原生ajax和$.post()和$.ajax代码对比

最新推荐文章于 2021-08-06 20:27:10 发布

置顶 likesyour

最新推荐文章于 2021-08-06 20:27:10 发布

阅读量560

点赞数 2

分类专栏： Java升级文章标签： Java-ajax ajax jquery

本文链接：https://blog.csdn.net/likesyour/article/details/83716390

版权

Java升级专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原生态的ajax使用

function deletebyId(id) {
    
/* 
		 *使用ajax请求删除一条记录
		 */
		var rsData;
		var xhr;
		if (window.XMLHttpRequest) {
			xhr = new XMLHttpRequest();
		} else {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}

		xhr.onreadystatechange = function() {
			//客户端与服务端的请求状态码
			if (xhr.readyState == 4) {
				//http状态码
				if (xhr.status == 200) {
					//向服务器端请求回来的参数  position（对应业务是删除）  pid（对应的删除的id）
					rsData = xhr.responseText;
					if (rsData == "true") {
						alert("删除数据成功");
						//删除后再提交一下form表单 让他刷新页面
						document.getElementById("formid").submit();
					} else if (rsData == "false") {
						alert("删除数据失败");
					} else {
						alert("数据出错");
					}
				}
			}

		}
		xhr.open("post", "JobController", true);
		xhr.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");
		//想服务端发送参数
		xhr.send("position=deletbyid&pid=" + id);

	}

jQuery封装后的$.post()方式使用

/* 根据id删除招聘信息 */
function deletebyId(id) {
        /*
		 *使用Jquery封装后的ajax删除一条数据
		 */
		 $.post("JobController",{"position":"deletbyid","pid":id},function (data){
			if(data=="true"){
				alert("删除数据成功");
				//跳转到查询页面
				document.getElementById("formid").submit();
				
			}else if(data=="false"){
				alert("删除数据失败");
			}else{
				alert("数据出错");
			}
		}); 
  }

$.ajax实例代码：

function deletebyId(id) {
		$.ajax({
					url : "${pageContext.request.contextPath }/JobController",
					type : "post",
					data : {"position":"deletbyid","pid":id},
					contentType : "application/x-www-form-urlencoded",
					success : function(data) {
						alert(data);
						if(data=="true"){
							alert("删除数据成功");
							//跳转到查询页面
							document.getElementById("formid").submit();
							
						}else if(data=="false"){
							alert("删除数据失败");
						}else{
							alert("数据出错");
						}
					}

				})

	}

源码下载