Web Development

[WebMethod]

public static

[WebMethod]
[System.Web.Script.Services.ScriptMethod(ResponseFormat = System.Web.Script.Services.ResponseFormat.Xml)]
public DataTable someMethod(string param)
{
     DataSet dsReturn;

     try
     {
          // do your database stuff

          // I like to name the table so that it makes parsing it in jQuery easier for me
          dsReturn.Tables[0].TableName = "someName";
     }
     catch (Exception)
     {
          // do your error handling
          throw;
     }

     return dsReturn.Tables[0];
}

$.ajax(...)

$.ajax({
     type: 'POST',
     url: 'location/name.asmx/someMethod',
     data: "{ 'param': 'paramValue' }",
     contentType: 'application/json; charset=utf-8',
     dataType: 'xml',
     success: function (xml) {
          // parse and loop through the records in the datatable
          $('someName', xml).each(function() {
               // your this pointer actually is a record in your datable 
               $(this).find('ColumnName').text();
          });
     },
     error: function(err) {
           // do your jQuery error handling here
     }
});

#content {
        max-width:560px;
	float: left;
	overflow: hidden;
}

#container {
    width: 750px;
}
#leftsidebar {
    border: 3px dashed orange;
    width: 180px;
}
#content {
    width: 570px;
}

<div id="container">
        <div id="banner">
            <img src="images/banner.gif" width="750px" height="100px" alt="banner" />
        </div>
        <div id="content">
            <h2>
                Contact Us</h2>
            <p>
                Use this form below:</p>
        </div>
        <div id="leftsidebar">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Photo Gallery</a></li>
                <li><a href="#">Video Gallery</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
            <img class="ads" src="images/sale.jpg" width="172px" height="500px" alt="ads banner" />
        </div>
        <div id="footer">
            <p>
                Copyright 2011 by Angel Ali</p>
        </div>
    </div>

#content {
    float: left;
    overflow: hidden;
    width: 570px;
}

<div id="container">
	<div id="banner">
		<img src="images/banner.gif" width="750px" height="100px" alt="banner" />
	</div>
	<div id="leftsidebar">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Photo Gallery</a></li>
			<li><a href="#">Video Gallery</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
		<img class="ads" src="images/sale.jpg" width="172px" height="500px" alt="ads banner" />
	</div>
	<div id="content">
		<h2>Contact Us</h2>
		<p>Use this form below:</p>
		</div>
	<div id="footer">
	<p>Copyright 2011 by Angel Ali</p>
	</div>
	</div>

#content {
	width:564px;
	float:right;
	overflow:hidden;
	}