如何将Twilio与Wordpress连接，以在桌面网站上发送应用程序链接

Question

您知道如何将我的Twilio帐户连接到我网站上的表单吗？ 我想向在桌面上访问我们网站的用户发送短信并填写"向我发送应用程序链接"表格

我试图按照这些步骤操作 https://www.twilio.com/blog/2012/11/increase-app-downloads-with-mobile-app-distribution-powered-by-twilio.html

但我在第一步就被阻止了。我创建了表单，但是当我将 JavaScript 添加到我的网站时，这个表单被 chrome 阻止了，因为它不安全？

如果可能的话，我也希望获得后续步骤的帮助，我不知道如何修改或创建 php 文件。

我在WordPress上

在这里，在我的网站头部添加了JavaScript代码(通过Divi Builder(：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">// <![CDATA[///////////Javascript
$(function(){
$("#frm").submit(function(e){
e.preventDefault();
$.post("sendnotifications.php", $("#frm").serialize(),
function(data){
if(data.sms_sent == 'OK'){
alert("Message Sent");
} else {
alert("Message Not Sent");
}
}, "json");
});
});
// ]]>
</script>

这是我测试页面上的 HTML 包含表单 HTML 代码的测试页

Answer 1

当您在站点的 HTTPS 版本上时，您正在尝试调用 HTTP URL。更新您的 ajax 调用以使用https。

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

自

https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

或者你可以只使用//.这将导致浏览器调用域所在的任何协议。即//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js