使用ajax发送数据

时间:2014-04-25 08:56:37

标签: jquery asp.net ajax

$(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);
    });
}

在上面的代码中,我将数据发送到example2.aspx。我只能使用jquery aspx ajax。如何在example2.aspx上显示(Person(正在发送)的详细信息。

3 个答案:

答案 0 :(得分:0)

我会删除displaySTSummaryData函数并添加:

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

答案 1 :(得分:0)

您只能在.aspx中调用静态函数。使用像

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

在aspx中,

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

您可以使用ajax的success事件来填充数据。

答案 2 :(得分:0)

试试这个

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