Не удается получить правильный ответ при публикации на той же странице с AJAX

Question

Я пытаюсь опубликовать на той же странице и получить результаты с помощью AJAX:

Ajax call:

$(document).ready(function() {
        $("#createaccount").click(function(){
            console.log("Clicked");
            console.log(document.getElementById("textbox").value);
            $.ajax({
                type: "POST",
                data: {'textAreaInput': document.getElementById("textbox").value},
                success: function (data) {
                    if(data.status == "1") {
                        alert("we having a working script");
                    } else {
                        alert("Oops, script is a no go");
                    }

                }
            });
        }); 
    });

Форма:

<form method="post" action='' class='form-horizontal' enctype='multipart/form-data' id='startform'>
    <textarea id="textbox"></textarea>
    <button class="btn btn-primary col-lg-12 col-xs-12 col-md-12" name="createaccount" id="createaccount" type="button">Create account</button>
</form>

Обработчик PHP:

<?php
    if (isset($_POST['textAreaInput'])){
        $result = array("status" => "1");
        echo json_encode($result);
        exit;
    }
?>

Я всегда получаю Oops, script is a no go в качестве предупреждения, поэтому кажется, что что-то не так, но яне совсем уверен, в какой части.Я обращаюсь с этим неправильно или отправляю это неправильно?

Answer 1

Вот test.php:

<?php
    if (isset($_POST['textAreaInput'])){
        $result = array("status" => "1");
        echo json_encode($result);
        exit;
    }
?>
<form method="post" action='' class='form-horizontal' enctype='multipart/form-data' id='startform'>
    <textarea id="textbox"></textarea>
    <button class="btn btn-primary col-lg-12 col-xs-12 col-md-12" name="createaccount" id="createaccount" type="button">Create account</button>
</form>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
        $("#createaccount").click(function(){
            console.log("Clicked");
            console.log(document.getElementById("textbox").value);
            $.ajax({
                type: "POST",
                data: {'textAreaInput': document.getElementById("textbox").value},
                dataType: 'json',
                success: function (data) {

                    if(data.status == "1") {
                        alert("we having a working script");
                    } else {
                        alert("Oops, script is a no go");
                    }

                }
            });
        }); 
    });
</script>