json类型

  1. var api='http://127.0.0.1:7001/api/login';
  2. var data={
  3.   a:1,
  4.   b:2
  5. };
  7. var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象
  8. httpRequest.open('POST', api, true); //第二步：打开连接
  9. httpRequest.setRequestHeader("Content-type","application/json");//设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头）
  10. httpRequest.send(JSON.stringify(data));//发送请求
  12. /**
  13.  * 获取数据后的处理程序
  14.  */
  15. httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中
  16.     if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功
  17.         var json = httpRequest.responseText;//获取到服务端返回的数据
  18.         console.log(json);
  19.     }
  20. };

form类型

  1. var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象
  2. httpRequest.open('POST', 'http://127.0.0.1:7001/api/login', true); //第二步：打开连接
  3. httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");//设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头）
  4. httpRequest.send("phone=13123123123&password=a11223344&type=phone");//发送请求
  6. /**
  7.  * 获取数据后的处理程序
  8.  */
  9. httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中
  10.     if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功
  11.         var json = httpRequest.responseText;//获取到服务端返回的数据
  12.         console.log(json);
  13.     }
  14. };