ajax基础使用_代码007(未授权)

本文介绍: http.send(JSON.stringify({ “userId”:10, “title”:“hello”, “body”:“你好”});responseText:.响应(获取接口返回值)http.responseText()获得字符串形式的响应数据。2. http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl 加密传输协议。3. ht t p和ht tps 使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。第二个参数是一个对象,里面的值就是上传的数据。

1.、h t tps 协议需要到ca 申请证书，一般免费证书较少，因而需要一定费用。 //
2. h t tp是超文本传输协议，信息是明文传输，h t tps则是具有安全性的ssl 加密传输协议。
3. h t tp和https 使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
4. http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全

请求方式

公开的路径: http://json placeholder.ty pico de.com/post s

http.send();

作用:监听发送请求事件

 	http.onreadystatechange = function(){
	 	if(http.readyState==4 &amp;&amp; http.status==201){
	 		console.log(JSON.parse(http.responseTextresponseText));
	 	}
	 }

readyState值

	let http = new XMLHttpRequest();
	http.open("get","http://jsonplaceholder.typicode.com/posts");		
	http.send();
	http.onreadystatechange=function(){			
	if(http.readyState==4 &amp;&amp; http.status==201){
	 		console.log(JSON.parse(http.responseTextresponseText));
	 	}

注意: get 方法的传值就是在路径后面加上?在加上要传的值
作用:筛选从接口获取的数据
http.op e n(“get”,“http://jsonplacehold er.ty pi code.com/posts?id=10”);

	let http = new XMLHttpRequest();
	http.open("post","http://jsonplaceholder.typicode.com/posts");
	http.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	http.send(JSON.stringify("userId=10&amp;&amp;title=hello&amp;&amp;body=你好"));
	http.onreadystatechange=function(){			
		if(http.readyState==4 &amp;&amp; http.status==201){
	 		console.log(JSON.parse(http.responseTextresponseText));
	 			}
			}

通过上面的例子可以看见post方式多了一个setRequestHeader方法
 setReque stHeade r 方法总共有两种数据上传方式
1.表单格式
http.setReque stHeader(“Content-Type”,“application/x–www–form–urlencoded”)
http.send(JSON.stringify(`userId=10&ti tle=hello&body=你好`));
2.JSON格式
http.setReque stHeader(“Content-Type”,“application/json”)
http.send(JSON.stringify({ “userId”:10, “ti tle”:“hello”, “body”:“你好”});

var base = "http://jsonplaceholder.typicode.com";
	$.ajax({
	 	url: base+"/posts",
	 	data: {
			id:20
	 	},
	 	success: function(user){
	 		console.log(user);
 			},
	})

	 $.get("http://jsonplaceholder.typicode.com/posts",{
		 	id:5
		 },function(user){
		 	console.log(user);
	 })

$.get()作为一个方法肯定要传参的
第一个参数就是url也就是请求地址
 第二个参数是一个对象,里面的值就是上传的数据
第三个参数就是执行完后调用的函数


		$.post("http://jsonplaceholder.typicode.com/posts",{
			"userId":10,
			"title":"hello",
			"body":"你好"
		},function(user){
			console.log(user);
		})