Вызов переменной с помощью Twilio API, PHP и HTML

У меня есть ошибки при вызове номера в моем PHP-файле, который был введен в форму:

Вот строка кода, которая вызывает номер в моем PHP sendnotifications.php:

$phone=$_POST["phone"];

И моя тестовая HTML-форма source.html:

<!doctype html>
<head>
    <script type = "text/javascript" src = "https://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>
    </head>

<html>

<form id = "frm" name = "frm">
<input type = "hidden" name = "ajax" value = "1" />
<input type = "phone" name = "phone" />
<button type = "submit">Get Link</button>
<div class = "error" style = "display: none;"></div>
</form>

</html>

Ошибки в консоли Chrome:

jquery.min.js:130 Failed to load file:///Users/Joris/Desktop/Test%20envoi%20sms%20accueil/sendnotifications.php: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
ajax @ jquery.min.js:130
post @ jquery.min.js:122
(anonymous) @ source.html:8
handle @ jquery.min.js:55
o @ jquery.min.js:49
source.html:10 Uncaught TypeError: Cannot read property 'sms_sent' of null
    at Object.success (source.html:10)
    at b (jquery.min.js:124)
    at XMLHttpRequest.x.onreadystatechange (jquery.min.js:129)
    at Function.ajax (jquery.min.js:130)
    at Function.post (jquery.min.js:122)
    at HTMLFormElement.<anonymous> (source.html:8)
    at HTMLFormElement.handle (jquery.min.js:55)
    at HTMLFormElement.o (jquery.min.js:49)
(anonymous) @ source.html:10
b @ jquery.min.js:124
x.onreadystatechange @ jquery.min.js:129
ajax @ jquery.min.js:130
post @ jquery.min.js:122
(anonymous) @ source.html:8
handle @ jquery.min.js:55
o @ jquery.min.js:49
XMLHttpRequest.send (async)
ajax @ jquery.min.js:130
post @ jquery.min.js:122
(anonymous) @ source.html:8
handle @ jquery.min.js:55
o @ jquery.min.js:49

Я следовал инструкциям по этому Веб-сайт

Кажется, вы открываете html-страницу по протоколу file://, а не с веб-сервера. Откройте его на локальном хосте, где запущен php

charlietfl 25.05.2018 01:03

Я пытаюсь, но не знаю, как это сделать, если вы можете мне помочь. Я использую Mac os, Visual Studio Code и Dreamweaver

Joris 25.05.2018 01:33

Все хорошо, я сделал это с МАМП, спасибо

Joris 25.05.2018 01:46
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
59
0

Другие вопросы по теме