pass ajax array into data:

Question

so i'm new to ajax and i'm facing a problem getting all the values from my form.

So i wanna insert the name reply_txt and the $ newsId to my table

html form:

<form>
   <input type="hidden" name="replyToPost" value="<?php echo $newsId;?>">
   <textarea name="reply_txt" class="replyText"></textarea>
   <button class="replySubmit">Answer</button> 
</form>

ajax: Ithink i have to pass an array in somehow into the data:replyData

$(".replySubmit").click(function(event){
        event.preventDefault();//prevent action from button

        var replyData = 'reply_txt='+ $(".replyText").val(); //build a post data structure

        $.ajax({
            type: "POST", // POST type
            url: "response.php", //call ajax on page
            dataType:"text", //type of data html/ajax/jason ...
            data:replyData, //Form variables intups

            success:function(response){
                $(".respondsReply").append(response);
                $(".replyText").val(''); //empty text field on successful
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }
        });
});

response.php: The error is undefined variable $newsId

if(isset($_POST["reply_txt"]) && strlen($_POST["reply_txt"])>0){
   $replyToSave = filter_var($_POST["reply_txt"],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
   $newsId = $_POST["replyToPost"]; 

$userId = $_SESSION['userId'];
$reply_row = $db->query("INSERT INTO replyPost(message,newsId_fk,userId_fk) VALUES('$replyToSave','$newsId','$userId')");
}

each out? what? i just wanna insert it to my table but i need it in the data: i think — user3426191
– user3426191, Commented May 31, 2015 at 16:02
sorry I was programming with .each() so I got confused with that .. I mean echo out .. you should echo out something in php to get response in success function — Mohamed-Yousef
– Mohamed-Yousef, Commented May 31, 2015 at 16:07

Philipp · Accepted Answer · 2015-05-31 16:10:25Z

2

You can actually pass a JS object to the data attribute of the ajax call:

$(".replySubmit").click(function(event){
    event.preventDefault();//prevent action from button

    // Build the data object for ajax request:
    var replyData = {
      "reply_txt" : $(".replyText").val(),
      "replyToPost": $("input[name=replyToPost]").val()
    };

    $.ajax({
        type: "POST", // POST type
        url: "response.php", //call ajax on page
        dataType: "text", //type of data html/ajax/jason ...
        data: replyData, //data object

        success: function(response){
            $(".respondsReply").append(response);
            $(".replyText").val(''); //empty text field on successful
        },
        error: function (xhr, ajaxOptions, thrownError){
            alert(thrownError);
        }
    });
});

Also I hope that the code in response.php is only for demonstration/testing! Using un-escaped $_POST values in the SQL statement is EXTREMLY dangerous

answered May 31, 2015 at 16:10

Philipp

11.5k9 gold badges69 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3426191 Over a year ago

thanks, i'm going to try that.and yes it's only testing at the moment. when it works i'll change it to PDO as the rest of my code for the project

Rory McCrossan · Accepted Answer · 2015-05-31 16:01:38Z

You are only sending the reply_txt value in the AJAX data. You need to add the replyToPost field's value too:

var replyData = 'reply_txt=' + $(".replyText").val() + '&replyToPost=' + $('input[name="replyToPost"]').val();

Alternatively (and preferably) you can use the serialize() to let jQuery automatically create a serialised string for you:

$(".replySubmit").click(function(event){
    event.preventDefault(); //prevent action from button
    $.ajax({
        type: "POST", // POST type
        url: "response.php", //call ajax on page
        dataType: "text", //type of data html/ajax/jason ...
        data: $(this).serialize(), //Form variables intups
        success:function(response){
            $(".respondsReply").append(response);
            $(".replyText").val(''); //empty text field on successful
        },
        error:function (xhr, ajaxOptions, thrownError){
            alert(thrownError);
        }
    });
});

Collectives™ on Stack Overflow

pass ajax array into data:

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related