jquery ajax call php function with parameters
Welcome to the In Pakainfo.com website! You will Step By Step learn web programming, easy and very fun. This website allmost provides you with a complete web programming tutorial presented in an easy-to-follow manner. Each web programming tutorial has all the practical examples with web programming script and screenshots available.For
jquery ajax call php function with parameters
AJAX script is used to very effective create more interactive web-applications.
$.ajax({
url: 'php/new-user.php',
type: 'POST',
dataType: "json",
data: {
name: $('#username').val(),
email: $('#useremail').val(),
password: $('#userpassword').val()
}
}).done(function(result){
alert(JSON.stringify(result));
});
---------
<input type="text" id="username" class="form-control">
<input type="text" id="useremail" class="form-control">
<input type="password" id="userpassword" class="form-control">
how to call php function from javascript using ajax example
This is a basic JQuery Ajax GET request:
$.ajax({
type: "GET",
url: 'getdata.php',
success: function(responseText){
alert(responseText);
}
});
Execute php file with Ajax
query string parameters : Calling PHP file using AJAX
$.ajax({
type: "GET",
url: 'web.php',
data: {webname: 'Wayne'},
success: function(responseText){
alert(responseText);
}
});
call php function on button click using ajax
add multiple GET variables – query string parameters
$.ajax({
type: "GET",
url: 'web.php',
data: {webname: 'Wayne', webage: 27, webcountry: 'Ireland'},
success: function(responseText){
alert(responseText);
}
});
Javascript (jQuery):
<script>
$.ajax({
url : 'action/getdata.php',
type : 'POST',
success : function (responseText) {
console.log (responseText); // Here, you need some to use data response by PHP file example.
},
error : function () {
console.log ('error');
}
});
</script>
Content of getdata.php is:
<?php
echo "pakainfo is angularjs tutorials";
?>
AJAX can be used very easy for very interactive to communication with a mysql database.
index.html
<html>
<head>
<script>
function showweb(str) {
if (str == "") {
document.getElementById("suggest_txt").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// here is code for IE7+ browser, Firefox browser, Chrome browser, Opera browser, Safari browser
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5 browser
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("suggest_txt").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<form>
<select name="webslits" onchange="showweb(this.value)">
<option value="">Select a website:</option>
<option value="1">pakainfo</option>
<option value="2">w3free</option>
<option value="3">ng4free</option>
<option value="4">angularjs</option>
</select>
</form>
<br>
<div id="suggest_txt"><b>website info will be all the info listed here...</b></div>
</body>
</html>
PHP File (getuser.php)
<!DOCTYPE html>
<html>
<head>
<title>PHP - AJAX and PHP Example</title>
</head>
<body>
<?php
$q = intval($_GET['q']);
$con = mysqli_connect('localhost','peter','abc123','my_db');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM user WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
echo "<table>
<tr>
<th>webName</th>
<th>webInfo</th>
<th>validity</th>
<th>webdomain</th>
<th>webpoint</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['webName'] . "</td>";
echo "<td>" . $row['webInfo'] . "</td>";
echo "<td>" . $row['validity'] . "</td>";
echo "<td>" . $row['webdomain'] . "</td>";
echo "<td>" . $row['webpoint'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
</body>
</html>
Simple Ajax request example with JQuery and PHP | jQuery Ajax Call to PHP Script with JSON Return | how to call php function from javascript using ajax | jquery ajax call php function with parameters