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, Apr 25 '14 at 09: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, Apr 25 '14 at 09:45
Please refer this code and apply to your according http://www.aspsnippets.com/Articles/Call-ASPNet-Page-Method-using-jQuery-AJAX-Example.aspx — Nayeem Mansoori, Apr 25 '14 at 09:49
Thanks a lot Nayeem. I have managed to display the data from second page using that asp snippets :-) — Happy, Apr 25 '14 at 10:49
Most welcome ..:) i am always try to post correct solution which is ask by user.. — Nayeem Mansoori, Apr 25 '14 at 11:05

score 0 · Answer 1 · answered Apr 25 '14 at 09:01

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 '14 at 09:01

Javi Muñoz Tous

88
1
9

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. – Happy Apr 25 '14 at 09:15

score 0 · Answer 2 · answered Apr 25 '14 at 09:04

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.

score 0 · Answer 3 · edited Apr 25 '14 at 10:00

0

Try this one

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

edited Apr 25 '14 at 10:00

Qantas 94 Heavy

15,750
31
68
83

answered Apr 25 '14 at 09:05

kks

342
5
25

sorry but it does not help. – Happy Apr 25 '14 at 09:24
`function getData() { var promise = testAjax('example2.aspx'); promise.done(function (e) { $("div").html(e); });}` – kks Apr 25 '14 at 09:34
it does not make any difference – Happy Apr 25 '14 at 09:41
Basically on document.ready(function) of example2.aspx i want to display the details of person, which i am sending from ajax. – Happy Apr 25 '14 at 09:43

Sending data using ajax

3 Answers3