从网页向谷歌表单发送数据
Sending data to Google forms from web page
>我正在通过ajax从html向谷歌表单发送数据我已经设置了一个 Google 表单,当我从直接链接使用它时,它工作正常。但是当我尝试从Web发送数据时,它会抛出错误。下面是脚本:
<script type="text/javascript">
function postContactToGoogle() {
$j = jQuery.noConflict();
var name = $j('#name').val();
var email = $j('#email').val();
var feed = $j('#feed').val();
if ((name !== "") && (email !== "")
&& (feed !== "") ) {
$j.ajax({
url : "http://goo.gl/forms/IZkhiFRINx",
data : {
"entry.1" : name,
"entry.3" : email,
"entry.4" : feed
},
type : "POST",
dataType : "xml",
statusCode : {
0 : function() {
$j('#name').val("");
$j('#email').val("");
$j('#feed').val("");
//Success message
},
200 : function() {
$j('#name').val("");
$j('#email').val("");
$j('#feed').val("");
//Success Message
}
}
});
} else {
//Error message
console.log('error');
}
}
</script>
这是标记::
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<form id="callus" target="_self" onsubmit=""
action="javascript: postContactToGoogle()">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Gift Card</h4>
</div>
<div class="modal-body">
<fieldset>
<label for="name">What's your name? *</label> <input id="name"
type="text" name="name">
</fieldset>
<fieldset>
<label for="email">What's your email? *</label> <input id="email"
type="text" name="email">
</fieldset>
<fieldset>
<label for="feed">Questions or Feedback?*</label>
<textarea id="feed" name="feed"></textarea>
</fieldset>
<div style="text-align: right; padding-bottom: 15px;">*
Required</div>
<div
style="width: 100%; display: block; float: right; padding-top: 15px;">
<div class="requestSubmited"
style="display: none; text-align: center;">Your request has
been sent!</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" value="submit">submit!!</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
这是我得到的错误::
XMLHttpRequest cannot load http://goo.gl/forms/IZkhiFRINx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 405
尝试将以下代码放入web.config
文件中。
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
</customHeaders>
</httpProtocol>
</system.webServer>
正如错误所说Cross-Origin Request Blocked
所以这段代码允许这里的跨源请求 * 表示接受所有请求。
相关文章:
- 如何从pdftron webviewer获取表单数据
- JS验证ajax返回的html中的表单数据
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将单击事件添加到数据表
- 预览数据表单
- Ajax数据表单序列化防止双重提交
- 如何在 Spring Framework 中处理表数据表单提交
- 发布大型数据表单 Angular JS
- 覆盖Magento中的默认数据表单提交JS活动
- 保存不带按钮的数据表单
- 更新Highchart数据表单导出按钮
- 将数据表单转换为PDF
- 我的Angular视图没有用数据表单服务器更新
- 如何在不重新加载页面的情况下获取数据表单数据库
- JavaScript SDK返回数据表单嵌套函数
- 使用php AJAX发送数据表单请求失败
- 数据表单$scope在Angular的view (page)中不显示
- 实时交换 HTML 数据表单
- 搜索parse.com数据表单html输入
- 如何在MVC中返回JSON数据表单控制器到jsp