My Ajax code
$(document).ready(function() {
$("#sub").click(function() {
$.ajax({
type: "POST",
url: "jqueryphp.php",
data: "txt1=" + txt1,
success: function(result) {
$("div").html(result);
}
});
});
});
This is the form code . I want to pass txt1 value to Ajax
<input type="text" name="txt1" id="txt1" /><br>
<input type="button" name="sub" id="sub" value="click Me" />
I want to pass txt1 value to my php page using this Ajax function.
Please tell me what exactly will come in the data attribute of Ajax
My Ajax code
$(document).ready(function() {
$("#sub").click(function() {
$.ajax({
type: "POST",
url: "jqueryphp.php",
data: "txt1=" + txt1,
success: function(result) {
$("div").html(result);
}
});
});
});
This is the form code . I want to pass txt1 value to Ajax
<input type="text" name="txt1" id="txt1" /><br>
<input type="button" name="sub" id="sub" value="click Me" />
I want to pass txt1 value to my php page using this Ajax function.
Please tell me what exactly will come in the data attribute of Ajax
Share Improve this question edited Mar 31, 2019 at 15:04 Shiladitya 12.2k17 gold badges28 silver badges42 bronze badges asked Feb 21, 2012 at 4:08 Pratik MPratik M 391 gold badge1 silver badge8 bronze badges 02 Answers
Reset to default 18Send data as an object instead of a string and to retreive the value of the text field, use val():
$(document).ready(function() {
$("#sub").click(function() {
$.ajax({
type: "POST",
url: "jqueryphp.php",
data: {
txt1: $("#txt1").val()
},
success: function(result) {
$("div").html(result);
}
});
});
});
http://api.jquery.com/val/
Do you mean:
$(document).ready(function() {
$("#sub").click(function() {
var txt1 = $("#txt1").val(); //textbox value
$.ajax({
type: "POST",
url: "jqueryphp.php",
cache: false,
data: "txt1=" + txt1,
dataType: "html",
success: function(result) {
$("div").html(result);
}
});
});
});