铁ajax发送编码请求

iron-ajax sends encoded request

本文关键字:编码 请求 ajax      更新时间:2023-09-26

在表单提交后,我试图发送请求到Mandrill API。发送正常,但请求包含垃圾字符。

下面是我的代码:

Polymer({
		is: 'landing-page',
		buttonClick: function() {
			this.$.landingPageForm.generateRequest();
		} 
/*
Upon click i get below request generated by iron-ajax
Request URL:https://mandrillapp.com/api/1.0/messages/send.json?0=%7B&1=%22&2=k&3=e&4=y&5=%22&6=%3A&7=%22&8=B&9=h&10=-&11=f&12=6&13=p&14=n&15=X&16=Z&17=P&18=w&19=p&20=Z&21=6&22=4&23=6&24=T&25=_&26=F&27=L&28=m&29=A&30=%22&31=%2C&32=%22&33=m&34=e&35=s&36=s&37=a&38=g&39=e&40=%22&41=%3A&42=%22&43=%22&44=f&45=r&46=o&47=m&48=_&49=e&50=m&51=a&52=i&53=l&54=%22&55=%3A&56=%22&57=e&58=x&59=a&60=m&61=p&62=l&63=e&64=%40&65=d&66=o&67=m&68=a&69=i&70=n&71=.&72=c&73=o&74=m&75=%22&76=%2C&77=%0A&78=%09&79=%09&80=%09&81=%09&82=%09&83=%22&84=t&85=o&86=%22&87=%3A&88=%5B&89=%7B&90=%22&91=e&92=m&93=a&94=i&95=l&96=%22&97=%3A&98=%22&99=r&100=e&101=c&102=i&103=p&104=i&105=e&106=n&107=t&108=%40&109=d&110=o&111=m&112=a&113=i&114=n&115=.&116=c&117=o&118=m&119=%22&120=%7D&121=%5D&122=%2C&123=%0A&124=%09&125=%09&126=%09&127=%09&128=%09&129=%22&130=s&131=u&132=b&133=j&134=e&135=c&136=t&137=%22&138=%3A&139=%20&140=%22&141=S&142=u&143=b&144=j&145=e&146=c&147=t&148=%20&149=l&150=i&151=n&152=e&153=%22&154=%2C&155=%0A&156=%09&157=%09&158=%09&159=%09&160=%09&161=%22&162=t&163=e&164=x&165=t&166=%22&167=%3A&168=%20&169=%22&170=t&171=e&172=x&173=t&174=%20&175=i&176=n&177=%20&178=t&179=h&180=e&181=%20&182=m&183=e&184=s&185=s&186=a&187=g&188=e&189=%22&190=%22&191=%7D
Response from server:
code: -2
message: "Validation error: {"message":"Please enter an array"}"
name: "ValidationError"
status: "error"
*/
THis is in my template:
<form is="iron-form" id="formPost" method="post" action="/"> 
				  <paper-input name="email" id="email" label="Email Address" value="{{email}}"required></paper-input>
					</br>	
				  <paper-button  type="submit" name="submit" raised on-click="buttonClick">Notify Me!</paper-button>
				 
</form>
<iron-ajax
				contentType: "application/json"  
				headers='{"Content-Type": "application/json;charset=utf-8"}'				
				id="landingPageForm" 
				url="https://mandrillapp.com/api/1.0/messages/send.json" 
				method="POST"
				params='{"key":"2342sdfsdf","message":""from_email":"example@domain.com",
					"to":[{"email":"recipient@domain.com"}],
					"subject": "Subject line",
					"text": "text in the message""}'
				 handle-as="json"
			>	 
		</iron-ajax>
我使用以下示例通过使用Mandrill API的javascript发送电子邮件https://medium.com/@mariusc23 send-an-email-using-only-javascript-b53319616782

它的工作很好,当我使用jquery ajax

正如Zikes上面所写的,你必须确保你使用"POST"方法发送它,并将所有JSON放入代码中。

这里可能还需要一件事:JSON.stringify(),这是我解决这个问题的代码+允许动态字段:

        <iron-ajax
        url="https://mandrillapp.com/api/1.0/messages/send.json"
        headers='{"Content-Type": "application/json;charset=utf-8"}' 
        handle-as="json"
        method="POST"
        body='{{ajaxParams}}';></iron-ajax>
<script>
    Polymer({
        is: 'contact-form',
        properties: {
            name: { type:String,    notify: true    },//bind it to <iron-input> fields
            email: {    type:String,    notify: true    },
            msg: {  type:String,    notify: true    },
            ajaxParams: {
                type: String,
                computed: 'processParams(name,email,msg)'
            }
        },
        processParams: function(name,email,msg) {
                    var resp = {
                            "key": "mandrill-api-key",
                            "message": {
                                "from_email": email,
                                "from_name": name,
                                "headers": {
                                    "Reply-To": email
                                },
                                "subject": "subject",
                                "text": msg,
                                "to": [
                                    {
                                        "email": "a@b.c",
                                        "name": "email name",
                                        "type": "to"
                                    }
                                ]
                            }
                        };
                    return JSON.stringify(resp);
        }
     });
</script>

就是这样。

当我通过JSON验证器运行params JSON时,它指出了几个问题:

Parse error on line 3:
...",    "message": ""from_email":"example
----------------------^
Expecting '}', ':', ',', ']'
Parse error on line 3:
...ssage": "from_email": "example@domain.co
-----------------------^
Expecting '}', ',', ']'

此外,看起来Mandrill API在body中期望POST JSON而不是查询字符串。将params更改为body以解决此问题。

<iron-ajax
  headers='{"Content-Type": "application/json;charset=utf-8"}'              
  id="landingPageForm" 
  url="https://mandrillapp.com/api/1.0/messages/send.json" 
  method="POST"
  handle-as="json"
  body='{
    "key": "YOUR API KEY HERE",
    "message": {
      "from_email": "YOUR@EMAIL.HERE",
      "to": [
          {
            "email": "RECIPIENT_NO_1@EMAIL.HERE",
            "name": "RECIPIENT NAME (OPTIONAL)",
            "type": "to"
          },
          {
            "email": "RECIPIENT_NO_2@EMAIL.HERE",
            "name": "ANOTHER RECIPIENT NAME (OPTIONAL)",
            "type": "to"
          }
        ],
      "autotext": "true",
      "subject": "YOUR SUBJECT HERE!",
      "html": "YOUR EMAIL CONTENT HERE! YOU CAN USE HTML!"
    }
  }'></iron-ajax>

以上应该作为一个插入式替换,只需验证JSON主体的任何更改,如http://jsonlint.com/