我正在开发一个自定义元素,该元素将用作使用静态服务将地图节点数据发送到数据库的表单。
我对这个元素有 3 个问题。
这还能用吗?我正在尝试使用一种与从服务器收集数据时的直接数据绑定方法完全相反的方法。这可以用于发送到服务器吗?
在 core-ajax 元素中,我使用 auto="false" 属性。当用户单击纸张按钮时,我将如何调用 go() 命令?
如果这种发送方法可以工作,我如何在提交时捕获 php 中的 body="{}" 行?我知道它不是作为 $_GET 发送的。它是作为 $_POST 发送的还是我需要使用其他方法来捕获它?
我的元素模板目前看起来像
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">
<polymer-element name="add-node" attributes="url">
<template>
<style>
paper-input {
color:#000000;
text-align:left;
}
paper-button.colored {
background:#000000;
color:#ffffff;
}
.centered {
display:block;
text-align:center;
width:100%;
}
</style>
<geo-location latitude="{{lat}}" longitude="{{lng}}"></geo-location>
<form id="form_1">
<paper-input floatingLabel label="Name:" value="{{name}}"></paper-input>
<br>
<paper-input floatingLabel label="Street Address:" value="{{address}}"></paper-input>
<br>
<paper-input floatingLabel label="City" value="{{city}}"></paper-input>
<br>
<paper-input floatingLabel label="State" value="{{state}}"></paper-input>
<br>
<paper-input floatingLabel label="Zip" value="{{zip}}"></paper-input>
<br>
<paper-input floatingLabel label="Phone:" value="{{phone}}"></paper-input>
<br>
<paper-input floatingLabel label="Description:" value="{{description}}"></paper-input>
<br>
<div class="centered">
<paper-button on-tap="{{doSend}}" raisedButton class="colored" label="Save"></paper-button>
</div>
</form>
<core-ajax id="ajax" auto="false" method="POST" contentType="application/json" url="{{url}}"
body='{"name":"{{name}}", "address":"{{address}}", "city":"{{city}}", "state":"{{state}}", "zip":"{{zip}}", "phone":"{{phone}}", "description":"{{description}}", "longitude":"{{lng}}", "latitude":"{{lat}}"}' response="{{response}}">
</core-ajax>
<template repeat="{{response}}">{{data}}</template>
</template>
<script>
Polymer('add-node', {
doSend: function(event, detail, sender){
this.$.ajax.go();
}
});
</script>
</polymer-element>
应该可以正常工作。要调用go()
给你的ajax元素一个id,这样就很容易访问,即
<core-ajax id="foobar" auto="false" ...></core-ajax>
将事件处理程序附加到按钮
<paper-button ... on-tap="{{doSend}}"></paper-button>
并实施doSend()
元素脚本部分中的处理程序(不要忘记删除noscript
在元素声明中)
<script>
Polymer('add-node', {
doSend: function(event, detail, sender){
this.$.foobar.go();
}
});
</script>
至于在服务器端处理数据 - 是的,您应该在$_POST
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)