zohab Posted October 10, 2012 Share Posted October 10, 2012 I am able to make ajax request and perform operations using following code. I want to do same with JQuery and I need example to do make Ajax Call and perform operations using JQuery. index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"> <html xmlns="[url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Multiple Response in Ajax</title> <script> var xmlhttp; function getDetails() { xmlhttp=GetXmlHttpObject(); if (xmlhttp==null) { alert ("Your browser does not support Ajax HTTP"); return; } var url="getDetails.php"; xmlhttp.onreadystatechange=getOutput; xmlhttp.open("GET",url,true); //xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //xmlhttp.setRequestHeader("Content-Type", "text/html;charset=UTF-8"); xmlhttp.send(null); } function getOutput() { if (xmlhttp.readyState==4) { alert(xmlhttp.responseText); //document.frmMultipleResponse.txtNo.value = xmlhttp.responseText; //document.frmMultipleResponse.txtName.value = xmlhttp.responseText; return; } } function GetXmlHttpObject() { if (window.XMLHttpRequest) { return new XMLHttpRequest(); } if (window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); } return null; } </script> </head> <body> <form action="" method="post" name="frmMultipleResponse"> <table width="100%" border="1"> <tr> <td> </td> <td><input type="text" name="txtName" id="txtName" value="" /></td> </tr> <tr> <td> </td> <td><input type="text" name="txtNo" id="txtNo" value="" /></td> </tr> <tr> <td> </td> <td><a href="#" onclick="getDetails();">Get Details</a></td> </tr> </table> </form> getDetails.php <?php echo "Name"; ?> - Thanks Zohaib Link to comment https://forums.phpfreaks.com/topic/269290-ajax-request-using-jquery/ Share on other sites More sharing options...
requinix Posted October 10, 2012 Share Posted October 10, 2012 $.get Link to comment https://forums.phpfreaks.com/topic/269290-ajax-request-using-jquery/#findComment-1384133 Share on other sites More sharing options...
zohab Posted October 16, 2012 Author Share Posted October 16, 2012 Thanks requinix Link to comment https://forums.phpfreaks.com/topic/269290-ajax-request-using-jquery/#findComment-1385455 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.