The main page has a button labeled AJAX Reverse Please add the required JavaScript code to $(' btnAJAXReverse') click() You are encouraged to use the code from $(' btnAJAXGet') click() as a template Make an AJAX call to the WebMethod Reverse on the web page GetReply aspx Display the returned value in lblLoginResult Note the string will be returned unchanged until you add code to the C WebMethod, which you do in the next step of this lab CIS 235 AJAX Examples Result cursor pointer $(document) ready(function () Prevent the web browser from caching AJAX responses Otherwise, clicking for the server time only makes the call the first time you click $ ajaxSetup( cache false ) $(' btnAJAXGet') click(function () sendData userName $( userName ) val() $ ajax( type POST , url GetReply aspx Login , data sendData, contentType application json , dataType json , success function (msg) Replace the div's content with the page method's return $( lblLoginResult ) text(msg d) End success function ) End btnAJAXGet ajax ) End btnAJAXGet click $(' btnAJAXReverse') click(function () sendData strInput $( userName ) val() Enter your code to call Reverse on page Getreply aspx, based on $(' btnAJAXGet') click() ) End btnAJAXReverse click ) End document ready AJAX Request to another page, with data Enter user name AJAX Get AJAX Reverse User names nana, student, and amin are valid All others are invalid

The Answer is in the image, click to view ...

Question: The main page has a button labeled AJAX Reverse. Please add the required JavaScript code to $('#btnAJAXReverse').click(). You are encouraged to use the code from

The main page has a button labeled AJAX Reverse. Please add the required JavaScript code to $('#btnAJAXReverse').click(). You are encouraged to use the code from $('#btnAJAXGet').click() as a template.
1. Make an AJAX call to the WebMethod Reverse on the web page GetReply.aspx
2. Display the returned value in lblLoginResult Note: the string will be returned unchanged until you add code to the C# WebMethod, which you do in the next step of this lab.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%-- Based heavily on the sample project from http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/ --%>

CIS 235 AJAX Examples

AJAX Request to another page, with data

Enter user name:

User names: nana, student, and amin are valid.

All others are invalid.

There is a WebMethod called Reverse in GetReply.aspx.cs. Some of the code has already been filled in for you. Please add C# code so the WebMethod:

Accepts a string as a parameter from the web page.
Reverses the string.
Return the reversed string to the web page.

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services;

public partial class GetReply : System.Web.UI.Page { [WebMethod] public static string Login(string userName) { var acceptedNames = new List {"nana", "admin", "student"};

if (acceptedNames.Contains(userName) ){ return "Accepted"; } else { return "Denied"; } }

[WebMethod] public static string Reverse(string strInput) { string strReturnVal;

// Replace this with code to reverse the string strReturnVal = strInput;

return strReturnVal; }

}

Question: The main page has a button labeled AJAX Reverse. Please add the required JavaScript code to $('#btnAJAXReverse').click(). You are encouraged to use the code from

AJAX Request to another page, with data

Step by Step Solution

Students Have Also Explored These Related Databases Questions!