AJAX異步請求(C#、JAVA)、HTMl ajax異步請求數據(JQuery異步請求ajax,JavaScript異步請求ajax)

AJAX異步請求獲取數據

AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
AJAX 不是新的編程語言,而是一種使用現有標準的新方法。
AJAX 最大的優勢是在不從新加載整個頁面的狀況下,能夠與服務器交換數據並更新部分網頁內容。
AJAX 不須要任何瀏覽器插件,但須要用戶容許JavaScript在瀏覽器上執行。javascript

1、JQuery中的ajax請求。

首先要在JQuery使用ajax須要引入jquery對象
此處引入了java

<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>

此處寫出一些經常使用的在線引入JS文件的地址jquery

***一、官網jquery壓縮版引用地址***
		(3.1.1版本:)
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		3.0.0版本:
		<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
		2.1.4版本
		<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
		***2.百度壓縮版引用地址:***
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
		3.微軟壓縮版引用地址:
		<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>

注意:不要一味的追求新版本,不是版本越高就越好用,正如jquery-2.0以上版本再也不支持IE 6/7/8)ajax

$("#xk").click(function(){
		$.ajax({
			url:'https://baidu.com',//請求的url地址
			data:{"name":"張三","tel":1318271717},//請求時攜帶的參數
			type:"GET",//請求方式 POST請求 GET請求
			async:true,//是否異步請求,默認是true異步的.這是ajax的特性
			//返回的格式也是接受返回的數據格式
			//此處注意,你接受的格式要和後端返回的格式一致.不然始終走error
			dataType:"text",
			success:function(result){//請求成功處理
				console.log(result)
			},
			error:function(er){//請求失敗處理
				console.log(JSON.stringify(er))
			},
			complete:function () {
				//請求完成處理
			}
		})
	});
1、JavaScript中的ajax請求。
document.getElementById("xke").onclick=function(){
		var xmlHttp = new XMLHttpRequest();
		xmlHttp.open("GET","https://baidu.com",true);
		xmlHttp.send();
		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState==4&&xmlHttp.status==200){
				console.log(xmlHttp.responseText)
			}
		}
	}

於2020-03-28 更新編程

function ajax() {
	var formData = new FormData();
	formData.append("id","001");
	formData.append("key","value");
	
	let xml = new  XMLHttpRequest();
	xml.open("POST","https://baidu.com",true);
	xml.setRequestHeader("Content-type","application/json")
	xml.onload=function(){
		let result = JSON.parse(xml.responseText);
		if(result.code==200){
			
		}
	}
	xml.send(formData);
}
相關文章
相關標籤/搜索