angularjs - मुझे एक घटक के पोस्ट के जरिए मेल चिम्प सदस्यता सूची में एक http अनुरोध करना होगा



mailchimp angular-http (1)

मुझे अंत में पता चला कि कैसे अपनी समस्या को ठीक करने के लिए आपको Angular2 के Jsonp समर्थन का उपयोग करना होगा।

आपका पता Jsonp को आपके यूआरएल पर c क्वेरी पैरामीटर जोड़कर और https://mysubscriptionlist.us10.list-manage.com/subscribe/post पर https://mysubscriptionlist.us10.list-manage.com/subscribe/post-json स्विचिंग का समर्थन करता है। https://mysubscriptionlist.us10.list-manage.com/subscribe/post-json आपको इसमें JSONP_CALLBACK मान JSONP_CALLBACK होगा (यह समस्या देखें: https://github.com/angular/angular/issues/5613 )।

इस मामले में, आपको निम्नलिखित प्रतिक्रिया पेलोड होंगे:

JSONP_CALLBACK (
{
  "result": "success",
  "msg": "Almost finished... We need to confirm your email address. To complete the subscription process, please click the link in the email we just sent you."
}
)

bootstrap फ़ंक्शन को कॉल करते समय पंजीकृत JSONP_PROVIDERS होने के बाद:

import {bootstrap} from 'angular2/platform/browser'
import {JSONP_PROVIDERS} from 'angular2/http'
import {AppComponent} from './app.component'

bootstrap(AppComponent, [ JSONP_PROVIDERS ]);

फिर आप Jsonp क्लास के एक उदाहरण का उपयोग करके अपने अनुरोध को निष्पादित कर सकते हैं Jsonp आपने कंस्ट्रक्टर से इंजेक्शन किया था:

import {Component} from 'angular2/core';
import {Jsonp} from 'angular2/http';

@Component({
  selector: 'my-app',
  template: `
    <div>
      Result: {{result | json}}
    </div>
  `
})
export class AppComponent {
  constructor(jsonp:Jsonp) {
    var url = 'https://mysubscriptionlist.us10.list-manage.com/subscribe/post-json?u=(...)&subscribe=Subscribe&[email protected]&c=JSONP_CALLBACK';
    jsonp.request(url, { method: 'Get' })
     .subscribe((res) => {
       this.result = res.json()
     });
  }
}

कार्यरत नमूने के लिए यह प्लंकर देखें: http://plnkr.co/edit/dqreqBL6kyNkR8Z2wgGR?p=preview

मुझे एक घटक के पोस्ट के जरिए मेल चिम्प सदस्यता सूची में एक http अनुरोध करना होगा

मैंने मेल चींप दस्तावेज पढ़ा है और इस पर कुछ भी नहीं मिल सकता है। मैंने अपने मेल चीप एम्बेडेड फॉर्म को कोणीय 2 एचटीएमएल 5 दृश्य में भी देखा, लेकिन यह कुछ अजीब कारण के लिए काम नहीं करता है।

इसलिए मैंने इसके बदले सदस्यता सूची में एक http अनुरोध किया है और मुझे यह काम करने में परेशानी हो रही है

मैं टाइपस्क्रिप्ट, एन्ज्युलर 2 और मेल चीप का उपयोग कर रहा हूं

यह मेरा कोड अभी तक है:

  subscribe = () => {
        var url = "https://mysubscriptionlist.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email;    
        this.jsonp.request(url).subscribe(response => {
           console.log(response);
        });   
  }

क्रोम में यह मेरी वर्तमान कंसोल लॉग त्रुटि है:

अनचाहे सिंटेक्स त्रुटि: अनपेक्षित टोकन <