如何在 Ionic 2 中使用 x-www-form-urlencoded 发送 Http Post 参数答案

【问题标题】：How to send Http Post parameter using x-www-form-urlencoded in Ionic 2如何在 Ionic 2 中使用 x-www-form-urlencoded 发送 Http Post 参数
【发布时间】：2018-08-16 16:16:47
【问题描述】：

我是 Ionic 2 的初学者。我想从应用程序进行用户注册。对于用户注册，我使用的 API 方法是 POST 并且它的媒体类型是 x-www-form -urlencoded。我想将数据发送到服务器，但我无法成功发送请求。

我需要一些帮助。[![在此处输入图片描述][1]][1]

在我的POST请求中有9个参数 他们是：

1.officername 2.officename 3.指定 4.通过电子邮件发送 5.landlinecode 6.固定电话号码 7.mobilenumber 8.密码 9.status

这是我的代码

 doLogin() {
   let url = "http:////Registration";

  var headers = new Headers()
   headers.append('Content-Type', 'application/x-www-form-urlencoded');

  let options = new RequestOptions({ headers: headers });

   let body= JSON.stringify({ officme: 'mr',emled:'adminac.com', mobilenumber:'9025225',
    password:'12345',offm:'mrc',desigtion:'prrammer',landlinecode:'0000',
   landlinenumber:'888888',status:'A'});
   alert(body);


  return this.http.post(url, body, options) .map(res => res.json()).subscribe(
              data => {
                console.log(data);
              },
              err => {
                console.log("ERROR!: ", err);
              }
          );
        }
      }

【问题讨论】：

标签： ionic-framework ionic2

【解决方案1】：

请替换此代码，希望它能按照您的要求工作

doLogin() {
   let url = "http:////Registration";

  var headers = new Headers()
   headers.append('Content-Type', 'application/x-www-form-urlencoded');

  let options = new RequestOptions({ headers: headers });


    let body =  "offiername=" +'mr' + "&emailed=" + 'admin@mac.com' + "&mobilenumber=" + '9025225' + "&password=" + '12345' + "&officename=" + 'mrc' + "&designation=" + 'programmer' +"&landlnecode=" + '0000' +"&landlinenumber=" + '888888' +"&sttus=" + 'A';

    alert(body);

  return this.http.post(url, body, options) .map(res => res.json()).subscribe(
              data => {
                console.log(data);
              },
              err => {
                console.log("ERROR!: ", err);
              }
          );
        }
      }

【讨论】：

【解决方案2】：

试试下面的代码：

 let url = "http://host//Registration";

    let headers = new Headers();
    headers.append('Access-Control-Allow-Origin' , '*');
    headers.append('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');
    headers.append('Accept','application/json');
    headers.append('content-type','application/json');
      let options = new RequestOptions({ headers:headers});
   return new Promise((resolve,reject)=>{


      let body= JSON.stringify({ officername: 'mrsac',emailed:'admin@mrc.com', mobilenumber:'902160',password:'12345',officename:'mr',designation:'programmer',landlinecode:'0000',
   landlinenumber:'888888',status:'A'});

           this.http.post(url,JSON.stringify(body), options).subscribe(res => {
              resolve(res.json());
            }, (err) => {
              reject(err);
            });

   })

【讨论】：

如果您的问题得到解决，请标记为解决方案。
当我尝试来自邮递员的这个请求时，我在成功注册后得到 user_id "ex:123"。它与邮递员一起工作。但是当我尝试从应用程序发布时，它给了我“0”