The jQuery Load() ajax method supports both HHTP GET
& HTTP POST requests. In this post we shall see on how to send a HTTP POST
request to the server.
The syntax for sending a HTTP POST
request using the Load() method is as follows.
$("#<Target HTML element ID>").load("<Server URL >", <POST Data>);
The following example sends a HTTP POST request to the server using the Load() method and displays the data returned by the server in a DIV tag in the browser.
.aspx Page (Client Side)
$("#<Target HTML element ID>").load("<Server URL >", <POST Data>);
The following example sends a HTTP POST request to the server using the Load() method and displays the data returned by the server in a DIV tag in the browser.
.aspx Page (Client Side)
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head runat="server">
<title>jQuery
Ajax Load</title>
<script type="text/javascript" src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function() {
//
// Send
HTTP Post Request
$('#btnHttpPOSTRequest').click(function(event) {
event.preventDefault();
$("#divPOSTRequest").load("AjaxData.aspx",{ ID: "2" });
});
});
</script>
</head>
<body>
<form id="frmAjax" runat="server">
<table border="1">
<tr>
<td><b>Action</b></td>
<td><b>Response</b></td>
</tr>
<tr>
<td>
<asp:Button
ID="btnHttpPOSTRequest"
runat="server"
Text="HTTP POST Request" />
</td>
<td>
<div id="divPOSTRequest"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
AjaxData.aspx.cs (Server Side)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Xml.Linq;
namespace jQuery
{
public partial class AjaxData : System.Web.UI.Page
{
protected
void Page_Load(object
sender, EventArgs e)
{
if
((Request.Form != null)&&(Request.Form.Count
> 0))
{
//
Process HTTP POST Request
string
strFilterID = Request.Form["ID"].ToString();
List<clsContacts> lstContacts = getContactByID(strFilterID);
Response.Write(buildHTML(lstContacts));
}
else
{
if
(Request.QueryString["ID"] != null)
{
//
Process HTTP GET Request
string
strFilterID = Request.QueryString["ID"].ToString();
List<clsContacts> lstContacts =
getContactByID(strFilterID);
Response.Write(buildHTML(lstContacts));
}
}
}
//
private
List<clsContacts>
getContactByID(string filterKey)
{
List<clsContacts> lstContacts = new List<clsContacts>();
lstContacts.Add(new clsContacts("1", "John",
"34"));
lstContacts.Add(new clsContacts("2", "David",
"24"));
//
var
filteredContacts = from c in lstContacts
where c.ID.Equals(filterKey)
select c;
//
return
filteredContacts.ToList();
}
//
private
string buildHTML(List<clsContacts> lstContacts)
{
string
strHTML = ""
;
strHTML += "
Name
Age
";
Name
Age
";
XElement
contactsXML = new XElement("Contacts");
//
foreach
(clsContacts objContact in lstContacts)
{
strHTML += "
"
+ objContact.Name + "
"
+ objContact.Name + "
}
return
strHTML;
}
}
//
public class clsContacts
{
public string _id;
public string _name;
public string _age;
//
public
clsContacts(string strID, string strname, string
strAge)
{
this._id
= strID;
this._name
= strname;
this._age
= strAge;
}
//
public string ID
{
get
{ return _id; }
set
{ _id = value; }
}
//
public string Name
{
get
{ return _name; }
set
{ _name = value; }
}
//
public string Age
{
get
{ return _age; }
set
{ _age = value; }
}
}
}
No comments:
Post a Comment