Need Help with using Ajax and C#.

chobo2 · June 23rd, 2008, 12:38 AM

Hi

I am having a hard time trying to get ajax to work with asp.net and C# due to the lack of tutorials. I am NOT using the script manager nor do I want to. I know I could use the update panel and I could be done 100 times over by now but I don't learn too much from dragging in dropping a control in.

So right now I am starting simple. I want to have a button and when it is clicked I want it to submit a hard coded value and capture it in the C# and then print out a message.

So my button is a submit button(not an asp.net button) and I am using jquery.

So this is what I have

    $("#btnSave").click(function(event)
    {
        $.post("FlashCardQuiz.aspx.cs", "test");
    });

Now I don't know how to capture the "test" value in my C# and spit it back.

Thanks

joefawcett · June 23rd, 2008, 02:34 AM

I'm not that familiar with jquery's syntax but when you post data you normally send a name/value pair such as forename=joe or more than one pair, forename=joe&surname=fawcett. Then you read them server-side from the Request.Form collection, string forename = Request.Form["forename"].

How does the post method in your example work, what do the two arguments represent?

--

Joe (Microsoft MVP - XML)

chobo2 · June 23rd, 2008, 02:38 AM

Quote:

quote:Originally posted by joefawcett
I'm not that familiar with jquery's syntax but when you post data you normally send a name/value pair such as forename=joe or more than one pair, forename=joe&surname=fawcett. Then you read them server-side from the Request.Form collection, string forename = Request.Form["forename"].

How does the post method in your example work, what do the two arguments represent?

--

Joe (Microsoft MVP - XML)

The first one is the url and the second on is the Key/value.

http://docs.jquery.com/Ajax/jQuery.p...tacallbacktype

chobo2 · June 23rd, 2008, 04:13 PM

I made a test page with one button on it. All I want is when the button is pressed it goes to the server captures the value and spits it backout.

How can I do this?

Here is my code you can even run it.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="jquery-1.2.6.js" type="text/javascript"></script>

<script type="text/javascript">

    $("#submit").click(function()
    {
        $.post("Default.aspx", {SendMe: "send"});
    });

</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="submit" value="submit" id="save" />
    </div>
    </form>
</body>
</html>

code behind

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

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.HttpMethod == "POST")
        {
            string text = Request.Form["SendMe"];
            Response.Output.WriteLine(text);
        }
    }
}

You just need to get jquery from the jquery site.

joefawcett · June 24th, 2008, 01:53 AM

That looks fine if the way you have formatted the post data as an object is correct. Also I would check if it's a postback

Code:

if (Page.IsPostBack && Request.HttpMethod == "POST")

although the

Code:

Request.HttpMethod == "POST"

part is probably superfluous.

--

Joe (Microsoft MVP - XML)