How to create events for listitem

add OnClick event as logout and include runat="server"

<li  runat="server"  OnClick="logout">Log Out</li>

Hello Priya Darshan,

It is a obvious fail attempt to call a server method through client side element.

You are using client side html elements as list which is a

<li>

element, so you have to call a client-side method only in JavaScript.

In your case you can call this page method in JavaScript making a ajax call (check with jquery

.ajax()

method.), then call that method in the list item click.

OR else you can create a web method to be called through JavaScript, then call that method in the list item click.

Again to add click event handler to li element add a ID to that element let say 'liTest', now add the click event as below :-

$('#liTest').on('click', function(){
  Logout();
});

Reference : -

http://api.jquery.com/jquery.ajax/[^]

[^]

Hope you will have some idea by referring this explanation.

Refer - Call C# code-behind method with a <li> onclick[^]

@design page(.aspx)

<script src="../Script/jquery-1.6.1.min.js"></script>

<ul><li onclick="logout()">Logout</li></ul>

function logout() {
$.ajax({
type: "POST",
url: "WebMethod.aspx/callservice2",
data: '{}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
//Here success code;
},
failure: function (response) {
//Here failure code;
}
});
}



@code behind(.aspx.cs)

using System.Web.Services;

[WebMethod]
public static string callservice2()
{
string retValue = string.Empty;
try
{
retValue = "Hi";
return retValue;
}
catch (Exception ex)
{
return "Error";
}
}


***Please try this and give your feedback***