失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html js 发送http请求 js发送get post请求的方法简介(偷来的)

html js 发送http请求 js发送get post请求的方法简介(偷来的)

时间:2020-04-03 23:48:57

相关推荐

html js 发送http请求 js发送get  post请求的方法简介(偷来的)

POST请求:javascript

发送的参数格式不一样,请求头设置不一样,具体参照Http请求中请求头Content-Type讲解php

发送的参数格式不一样,后台获取方式也不相同 php请看php获取POST数据的三种方法html

1、使用XMLHttpRequestjava

主要分三步:json

第一步:建立须要的对象,这里主要用到的是XMLHttpRequest,注意须要考虑早期的IE;app

第二步:链接和发送;post

第三步:接收;url

GET请求:spa

var httpRequest = new XMLHttpRequest();//第一步:创建所需的对象

httpRequest.open('GET', 'url', true);//第二步:打开链接 将请求参数写在url中 ps:"./Ptest.php?name=test&nameone=testone"

httpRequest.send();//第三步:发送请求 将请求参数写在URL中

/**

* 获取数据后的处理程序

*/

httpRequest.onreadystatechange = function () {

if (httpRequest.readyState == 4 && httpRequest.status == 200) {

var json = httpRequest.responseText;//获取到json字符串,还需解析

console.log(json);

}

};

post方式发送jsoncode

var httpRequest = new XMLHttpRequest();//第一步:建立须要的对象

httpRequest.open('POST', 'https://你的地址', true); //第二步:打开链接/***发送json格式文件必须设置请求头 ;以下 - */

httpRequest.setRequestHeader("Content-type", "application/json");//设置请求头 注:post方式必须设置请求头(在创建链接后设置请求头)var obj = { name: 'zhansgan', age: 18 };

const obj = {

}

httpRequest.send(JSON.stringify(obj));//发送请求 将json写入send中

/**

* 获取数据后的处理程序

*/

httpRequest.onreadystatechange = function () {//请求后的回调接口,可将请求成功后要执行的程序写在其中

if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功

var json = httpRequest.responseText;//获取到服务端返回的数据

console.log(json);

}

};

如果觉得《html js 发送http请求 js发送get post请求的方法简介(偷来的)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。