CODEWITHSUNDEEP
javascriptphpjqueryajax
Kova
Kova

Reputation: 13

I cannot figure out why my ajax is not sending the data to my php file

I'm having a problem with my Ajax. It seems to not be sending the data to my php file even though it worked properly 2 days ago. HTML:

<form id='comment' action='process.php' method="POST">
    <textarea></textarea>
    <button type='submit'>Comment</button> 
</form>

My ajax code:

$('#comment').submit(function(event) {

    var form = $(this);
    var method = form.attr('method');
    var url = form.attr('action');

    info = {
        comment: $('textarea').val()
    };

    console.log(method);
    console.log(url);
    console.log(info);

    $.ajax({
        type: method,
        url: url,
        data: info,
        success: function(data){
            alert(data);
        }
    });
    event.preventDefault();
});

I'm doing this for a friend and I'm using this exact same Ajax code (slightly modified) on my website and it's working flawlessly. I think the biggest red flag here is that in my php file I have an if-else that should send an alert in case the textarea is empty but for some reason it's not doing that here even though nothing is getting through. I used console.log on all the variables to see if their values are correct and they are. The alert(data) just returns an empty alert box.

EDIT: As requested, PHP code from process.php

<?php
session_start();

include_once 'db_connection.php';
date_default_timezone_set('Europe/Zagreb');

if(isset($_POST['comment'])){

function SQLInsert($id, $date, $komentar, $conn){
$sql = "INSERT INTO comments (user, date, comment) VALUES ('$id', '$date', 
'$comment')";
$conn -> query($sql);
$conn -> close();
}

$id = $_SESSION['username'];
$date = date('Y-m-d H:i:s');
$comment = htmlspecialchars($_POST['comment']);

SQLInsert($id, $date, $komentar, $conn);

} else {
echo '<script>';
echo 'alert("Comment box is empty.");';
echo '</script>';
}
?>

EDIT: Problem solved, thanks for the help everyone.

Upvotes: 1

Views: 88

Answers (4)

Shivendra Singh
Shivendra Singh

Reputation: 3006

You are no getting alert because you are no displaying anything as response in php file. Add the insert function out side the if condition too

 function SQLInsert($id, $date, $komentar, $conn){
    $sql = "INSERT INTO comments (user, date, comment) VALUES ('$id', '$date', 
    '$comment')";

    if($conn -> query($sql)){
        return true;
    }else{
        return false;
    }
    $conn -> close();
}

if(isset($_POST['comment'])){
    $id = $_SESSION['username'];
    $date = date('Y-m-d H:i:s');
    $comment = htmlspecialchars($_POST['comment']);

    $insert = SQLInsert($id, $date, $komentar, $conn);

     //On based on insert display the response. After that you will get alert message in ajax
    if($insert){
        echo 'insert sucess';
        die;
    }else{
        echo 'Error Message';
        die;
    }
}

Upvotes: 1

Wasim Akram
Wasim Akram

Reputation: 19

       <form  name="fileInfoForm"  id='comment' method="post"  enctype="multipart/form-data">
<textarea id="textarea"></textarea>
<button type="submit"></button>
</form>

    <script type="text/javascript">
$('#comment').submit(function (e) {
        e.preventDefault();
        var textarea=$('#textarea').val();
   var form=document.getElementById('comment');
        var fd=new FormData(form);
        fd.append('textarea',textarea);
  $.ajax({
            type: "POST",
            enctype: 'multipart/form-data',

            url: 'action.php',
            data: fd,
            dataType: "json",
            processData: false,
            contentType: false,
            cache: false,
            success: function (data) {
alert(data);
            }


        })


});
</script>



in action.php
           $textarea= $_POST['textarea'];
    echo $textarea;

Upvotes: 0

zetawars
zetawars

Reputation: 1071

This here is the issue. Have you tried providing a "method" ?

  $.ajax({
        **type: method,**
        method : method,
        url: url,
        data: info,
        success: function(data){
            alert(data);
        }
    });

Also if this doesn't solve it. show me the console output

Upvotes: 0

Lelio Faieta
Lelio Faieta

Reputation: 6663

<form id='comment' action='process.php' method="POST">
    <textarea></textarea>
    <button id="submit_button">Comment</button> 
</form>

starting from this html you have to trigger your function as: 

$("#submit_button").click(function(e){

I have added an id to your button for simplicity and removed the type because it is useless in this case.

If you want to catch the submit event of the form you have to change your html as:

<form id='comment' action='process.php' method="POST">
    <textarea></textarea>
    <input type='submit'>Comment</button> 
</form>

and then you can keep the same javascript

Upvotes: 0

Related Questions