博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js发送get 、post请求的方法简介
阅读量:5846 次
发布时间:2019-06-18

本文共 1915 字,大约阅读时间需要 6 分钟。

POST请求:

  发送的参数格式不同,请求头设置不同,具体参照 

  发送的参数格式不同,后台获取方式也不相同 php请看 

一、使用XMLHttpRequest

  主要分三步:

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

    第二步:连接和发送;

    第三步:接收;

  

  GET请求:

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请求:

var httpRequest = new XMLHttpRequest();//第一步:创建需要的对象httpRequest.open('POST', 'url', true); //第二步:打开连接httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");//设置请求头 注:post方式必须设置请求头(在建立连接后设置请求头)httpRequest.send('name=teswe&ee=ef');//发送请求 将情头体写在send中/** * 获取数据后的处理程序 */httpRequest.onreadystatechange = function () {//请求后的回调接口,可将请求成功后要执行的程序写在其中    if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功        var json = httpRequest.responseText;//获取到服务端返回的数据        console.log(json);    }};

  

 

  post方式发送json

var httpRequest = new XMLHttpRequest();//第一步:创建需要的对象httpRequest.open('POST', 'url', true); //第二步:打开连接 /** *发送json格式文件必须设置请求头 ;如下 - */httpRequest.setRequestHeader("Content-type","application/json");//设置请求头 注:post方式必须设置请求头(在建立连接后设置请求头) var obj = { name: 'zhansgan', age: 18 }; httpRequest.send(JSON.stringify(obj));//发送请求 将json写入send中/** * 获取数据后的处理程序 */httpRequest.onreadystatechange = function () {//请求后的回调接口,可将请求成功后要执行的程序写在其中    if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功        var json = httpRequest.responseText;//获取到服务端返回的数据        console.log(json);    }};

  

二、 

 

转载于:https://www.cnblogs.com/Im-Victor/p/9405974.html

你可能感兴趣的文章
详解FTP服务之vsftpd(附三种用户安装脚本)
查看>>
Ubuntu 安装 postgresql
查看>>
20.20-20.22 告警系统的主脚本,配置文件,监控项目
查看>>
PTES 测试执行标准
查看>>
tomcat6连接池配置(备忘)
查看>>
4G 全网通DTU是什么 有哪些功能应用
查看>>
SVN服务器地址更换,客户端的修改
查看>>
Reactor(死磕2)
查看>>
Linux之RedHat7如何更换yum源
查看>>
基于GPU渲染的工作流程
查看>>
Adobe Camera Raw11 for mac(ps Raw增效工具) v11.2.1新增功能
查看>>
深入解析Internet***
查看>>
Oracle数据库11g新特性:自动存储管理
查看>>
MySQL配置文件my.cnf详解
查看>>
mysql 性能优化方向
查看>>
Windows Server 2008 R2修改远程桌面连接数
查看>>
VTP 抓包分析
查看>>
Linux ACE 网络模块
查看>>
正则表达式(基本)
查看>>
如何修改php.ini参数
查看>>