CODEWITHSUNDEEP
javascriptjqueryhtmlajax
test
test

Reputation: 18200

Convert jQuery Object to String upon AJAX call

Let's say I submit a form with anything in the value of user_input like "I am free." I submit it through AJAX and it gets returned to me as a string. Ok now it's an Object... how would I turn that into a string?

Thank you,

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

    <title>Sin título 3</title>
</head>

<body>

<div id="result_target" style="display:none;"></div>
<form id="form_to_post" action="#" method="post">
<input type="hidden" name="url" value="example.php" />
<input type="text" name="user_input" />
<input type="submit" value="Submit"  />
</form>

<script>
$(document).ready(function() {

$("#form_to_post").submit(function() {

var hiddenURL = $("input[name=url]");
var userInputForm = $("input[name=user_input]");

//var dataString = "userInput="+inputForm;



$.ajax({
type: "POST",
url: hiddenURL;
data: {userInput: userInputForm},
success: function(return_contents) {
//returns jquery object...
var output =//
$("#result_target").html(output);
}
});

});

});
</script>
</body>
</html>

Upvotes: 0

Views: 664

Answers (1)

wirey00
wirey00

Reputation: 33661

use val() to get values from inputs

data: {userInput: userInputForm.val()},

Upvotes: 2

Related Questions