কৌণিক 2 - এইচটিপি পোস্টের অনুরোধের পরামিতিগুলি

Question 1

আমি একটি পোস্ট অনুরোধ করার চেষ্টা করছি কিন্তু আমি এটি কাজ করতে পারি না:

testRequest() {
      var body = 'username=myusername?password=mypassword';
      var headers = new Headers();
      headers.append('Content-Type', 'application/x-www-form-urlencoded');

      this.http
        .post('/api',
          body, {
            headers: headers
          })
          .subscribe(data => {
                alert('ok');
          }, error => {
              console.log(JSON.stringify(error.json()));
          });
}

আমি মূলত এই এইচটিএমএল অনুরোধটির (যেমন আজাক্স নয়) প্রতিলিপি তৈরি করতে চাই যেমন এটি এইচটিএমএল ফর্মের দ্বারা উদ্ভূত হয়েছিল:

ইউআরএল: / এপিআই

প্যারাম: ব্যবহারকারীর নাম এবং পাসওয়ার্ড

Question 2

আমি মনে করি যে কোনও application/x-www-form-urlencodedসামগ্রী ধরণের জন্য শরীর সঠিক নয় । আপনি এটি ব্যবহার করার চেষ্টা করতে পারেন:

var body = 'username=myusername&password=mypassword';

আশা করি এটি আপনাকে সহায়তা করবে, থিয়েরি

Question 3

অ্যাঙ্গুয়ালার 4.3+ এর জন্য আপডেট

এখন আমরা HttpClientপরিবর্তে ব্যবহার করতে পারেনHttp

গাইড এখানে

কোডের উদাহরণ

const myheader = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
let body = new HttpParams();
body = body.set('username', USERNAME);
body = body.set('password', PASSWORD);
http
  .post('/api', body, {
    headers: myheader),
  })
  .subscribe();

অবমানিত

বা আপনি এটি করতে পারেন:

let urlSearchParams = new URLSearchParams();
urlSearchParams.append('username', username);
urlSearchParams.append('password', password);
let body = urlSearchParams.toString()

অক্টোবর / 2017 আপডেট করুন

কৌণিক 4 + থেকে , আমাদের স্টাফheaders বা দরকার নেই .toString()। পরিবর্তে, আপনি নীচের উদাহরণ পছন্দ করতে পারেন

import { URLSearchParams } from '@angular/http';

পোস্ট / পুট পদ্ধতি

let urlSearchParams = new URLSearchParams();
urlSearchParams.append('username', username);
urlSearchParams.append('password', password);
this.http.post('/api', urlSearchParams).subscribe(
      data => {
        alert('ok');
      },
      error => {
        console.log(JSON.stringify(error.json()));
      }
    )

জিইটি / ডিলেট করুন পদ্ধতি

    let urlSearchParams = new URLSearchParams();
    urlSearchParams.append('username', username);
    urlSearchParams.append('password', password);
    this.http.get('/api', { search: urlSearchParams }).subscribe(
      data => {
        alert('ok');
      },
      error => {
        console.log(JSON.stringify(error.json()));
      }
    )

JSON application/jsonসামগ্রী-প্রকারের জন্য

this.http.post('/api',
      JSON.stringify({
        username: username,
        password: password,
      })).subscribe(
      data => {
        alert('ok');
      },
      error => {
        console.log(JSON.stringify(error.json()));
      }
      )

Question 4

অ্যাঙ্গুলার 2 এর পরবর্তী সংস্করণগুলিতে ম্যানুয়ালি Content-Typeশিরোনাম স্থাপন এবং শরীরে এনকোড করার দরকার নেই যদি আপনি সঠিক ধরণের কোনও বস্তু পাস করেন body।

আপনি কেবল এটি করতে পারেন

import { URLSearchParams } from "@angular/http"


testRequest() {
  let data = new URLSearchParams();
  data.append('username', username);
  data.append('password', password);

  this.http
    .post('/api', data)
      .subscribe(data => {
            alert('ok');
      }, error => {
          console.log(error.json());
      });
}

এইভাবে কৌণিক আপনার জন্য শরীরকে এনকোড করবে এবং সঠিক Content-Typeশিরোনাম সেট করবে ।

ভুলবেন না দ্রষ্টব্য দো আমদানি করতে URLSearchParamsথেকে @angular/httpঅথবা এটি কাজ করবে না।

Question 5

সুতরাং এটি একটি সম্পূর্ণ উত্তর করতে:

login(username, password) {
        var headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');
        let urlSearchParams = new URLSearchParams();
        urlSearchParams.append('username', username);
        urlSearchParams.append('password', password);
        let body = urlSearchParams.toString()
        return this.http.post('http://localHost:3000/users/login', body, {headers:headers})
            .map((response: Response) => {
                // login successful if there's a jwt token in the response
                console.log(response);
                var body = response.json();
                console.log(body);
                if (body.response){
                    let user = response.json();
                    if (user && user.token) {
                        // store user details and jwt token in local storage to keep user logged in between page refreshes
                        localStorage.setItem('currentUser', JSON.stringify(user)); 
                    }
                }
                else{
                    return body;
                }
            });
    }

Question 6

এই উত্তরগুলি এইচটিটিপি-র পরিবর্তে এইচটিটিপিপ্লিনেন্ট ব্যবহার করার জন্য পুরানো। আমি পাগল হয়ে ভাবতে শুরু করছিলাম, "আমি ইউআরএলস অনুসন্ধানেরামগুলি আমদানি করে ফেলেছি তবে এটি এখনও। স্ট্রিং () এবং সুস্পষ্ট শিরোনাম ছাড়া কাজ করে না!"

এইচটিটিপিকলেন্ট সহ, ইউআরএল সার্চপ্যারামগুলির পরিবর্তে এইচটিপিপ্যারাম ব্যবহার করুন এবং শরীরে body = body.append()একাধিক প্যারাম অর্জনের জন্য সিনট্যাক্সটি নোট করুন যেহেতু আমরা একটি অপরিবর্তনীয় বস্তুর সাথে কাজ করছি:

login(userName: string, password: string): Promise<boolean> {
    if (!userName || !password) {
      return Promise.resolve(false);
    }

    let body: HttpParams = new HttpParams();
    body = body.append('grant_type', 'password');
    body = body.append('username', userName);
    body = body.append('password', password);

    return this.http.post(this.url, body)
      .map(res => {
        if (res) {          
          return true;
        }
        return false;
      })
      .toPromise();
  }

Question 7

যদি কেউ কৌনিক সংস্করণ 4+ (আমার ছিল 4.3.6) এর সাথে লড়াই করছে । এটি আমার জন্য কাজ করা নমুনা কোড ছিল।

প্রথমে প্রয়োজনীয় আমদানি যুক্ত করুন

import { Http, Headers, Response, URLSearchParams } from '@angular/http';

তারপরে এপিআই ফাংশনের জন্য। এটি একটি লগইন নমুনা যা আপনার প্রয়োজন অনুযায়ী পরিবর্তন করা যেতে পারে।

login(username: string, password: string) {
    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    let urlSearchParams = new URLSearchParams();
    urlSearchParams.append('email', username);
    urlSearchParams.append('password', password);
    let body = urlSearchParams.toString()

    return this.http.post('http://localhost:3000/api/v1/login', body, {headers: headers})
        .map((response: Response) => {
            // login successful if user.status = success in the response
            let user = response.json();
            console.log(user.status)
            if (user && "success" == user.status) {
                // store user details and jwt token in local storage to keep user logged in between page refreshes
                localStorage.setItem('currentUser', JSON.stringify(user.data));
            }
        });
}

Question 8

angular: 
    MethodName(stringValue: any): Observable<any> {
    let params = new HttpParams();
    params = params.append('categoryName', stringValue);

    return this.http.post('yoururl', '', {
      headers: new HttpHeaders({
        'Content-Type': 'application/json'
      }),
      params: params,
      responseType: "json"
    })
  }

api:   
  [HttpPost("[action]")]
  public object Method(string categoryName)

Question 9

একাধিক পরামিতি ব্যবহার করে আমার প্রতিটি পদ্ধতির সাথে সমস্যা ছিল, তবে এটি একক বস্তুর সাথে বেশ ভাল কাজ করে well

এপিআই:

    [HttpPut]
    [Route("addfeeratevalue")]
    public object AddFeeRateValue(MyValeObject val)

কৌণিক:

var o = {ID:rateId, AMOUNT_TO: amountTo, VALUE: value};
return this.http.put('/api/ctrl/mymethod', JSON.stringify(o), this.getPutHeaders());


private getPutHeaders(){
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    return new RequestOptions({
        headers: headers
        , withCredentials: true // optional when using windows auth
    });
}

Question 10

আমি যখন এখানে অনুরূপ কিছু করার চেষ্টা করছিলাম তখন আমি এখানে অবতরণ করেছি। কোনও অ্যাপ্লিকেশন / x-www-form-urlencoded সামগ্রীর ধরণের জন্য, আপনি এটি শরীরের জন্য ব্যবহার করার চেষ্টা করতে পারেন:

var body = 'username' =myusername & 'password'=mypassword;

আপনি যা চেষ্টা করেছেন তা দিয়ে শরীরের জন্য নির্ধারিত মানটি একটি স্ট্রিং হবে।