Sending data using ajax

Question

$(document).ready(function () {
    $("button").click(function () {
        getData();
    });
});

function getData() {
    var promise = testAjax('example2.aspx');
    displaySTSummaryData(promise);
}

function testAjax(theURL) {
    var person = {
        Name: 'happy',
        age: '21'
    };
    return $.ajax({
        url: theURL,
        type: 'POST',
        data: person
    });
}

function displaySTSummaryData(x) {
    x.success(function result(data) {
        $("div").html(data);
    });
}

In the above code I am sending data to example2.aspx. I can use only jquery aspx ajax. How can i display details of (Person (being sent ) on example2.aspx.

Specify your function which is take the parameter named as Name:'' And Age — Nayeem Mansoori
– Nayeem Mansoori, Commented Apr 25, 2014 at 9:43
thats what i need to know. I am very new to asp. Do i need to define a function in code behind of exampl2.aspx? I tried response.direct and querystring but the ajax does not work — Happy
– Happy, Commented Apr 25, 2014 at 9:45
Please refer this code and apply to your according aspsnippets.com/Articles/… — Nayeem Mansoori
– Nayeem Mansoori, Commented Apr 25, 2014 at 9:49

Javi Muñoz Tous · Accepted Answer · 2014-04-25 09:01:39Z

0

I would erase displaySTSummaryData function and add:

function testAjax(theURL) {
     var person = { Name: 'happy', age: '21' };
     return $.ajax
     ({
         url: theURL,
         type: 'POST',
         data: person
         success: function(e){
             $("div").html(e);
         }
      });
}

answered Apr 25, 2014 at 9:01

Javi Muñoz Tous

881 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Happy Over a year ago

Sorry for not making it clear. I can populate data in my example.aspx where ajax is defined. I need to display the same data in example2.aspx.

Anoop Joshi P · Accepted Answer · 2014-04-25 09:04:09Z

0

You can only call a static function in .aspx. Use like

function testAjax(theURL) {
    var person = {
        Name: 'happy',
        age: '21'
    };
    $.ajax({
        url: "example2.aspx/GetData",
        type: 'POST',
        data: person,
        success: function (data) {
            $("div").html(data);
        }
    });
}

In aspx,

public static string GetData(string Name, int age) {
    return "Name :" + Name + ",Age:" + age;
}

You can use the success event of ajax to populate the data.

answered Apr 25, 2014 at 9:04

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Comments

Qantas 94 Heavy · Accepted Answer · 2014-04-25 10:00:18Z

0

Try this one

function displaySTSummaryData(x) {
    x.done(function (data) {
        $("div").html(data);
    });
}

edited Apr 25, 2014 at 10:00

Qantas 94 Heavy

16k31 gold badges74 silver badges89 bronze badges

answered Apr 25, 2014 at 9:05

kks

3426 silver badges25 bronze badges

4 Comments

Happy Over a year ago

sorry but it does not help.

kks Over a year ago

function getData() {     var promise = testAjax('example2.aspx');     promise.done(function (e) {  $("div").html(e); });}

Happy Over a year ago

it does not make any difference

Happy Over a year ago

Basically on document.ready(function) of example2.aspx i want to display the details of person, which i am sending from ajax.

Collectives™ on Stack Overflow

Sending data using ajax

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related