如何在ASP.NET中使用jQuery发布数据?

时间:2009-11-03 16:13:19

标签: asp.net jquery ajax

我有一个ASP.NET应用程序,我想在其中使用jQuery将数据发布到另一个页面。这意味着我想发布页面数据。

我如何使用jQuery或AJAX执行此操作?

请帮帮我。

 $(document).ready(function() {
         alert("start");
        $("#btnSave").click(function() {
        alert("start1");
            var aa = 'bb';
            var json = "{'ItemName':'" + aa + "'}";
            alert("start2");
            var ajaxPage = "Default3.aspx?Save=1"; //this page is where data is to be retrieved and processed
            alert("start3");
            var options = {
                type: "POST",
                url: ajaxPage, 
                data: json,
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                async: false,
                success: function(response) {
                    alert("success: " + response);
                },
                error: function(msg) { alert("failed: " + msg); }

            };

警报( “start4”);

        });



    });

我正在使用此代码我收到所有警报响应,但其发布页面。

4 个答案:

答案 0 :(得分:2)

Jquery和JSON在ASP.NET中运行良好。您可以直接从javascript调用方法后面的代码并返回复杂的对象,而不仅仅是字符串。 (对于此示例,您需要在此处找到json2.js https://github.com/douglascrockford/JSON-js

//javascript
function postMethod(text){ 
var jsonText = JSON.stringify({ name:text });
    $.ajax({
    type: "POST",
    url: "yourpage.aspx/GetPerson",
    contentType: "application/json; charset=utf-8",
    data: jsonText,
    dataType: "json",
    success: function(response) {
        var person = response.d;
        alert(person.Name);
    }
});
}

//aspx code behind
[WebMethod]
public static Person GetPerson(string name)
{
   Person person = new Person(name);
   return person;       
}

答案 1 :(得分:0)

有加载功能。

你可以这样使用它:

$('#somediv')。load('http://someaddress',{key:value},function callback(){});

第二个参数很重要 - 只有以这种方式编写才能执行post。(如果你传递数组然后执行get)

PS>当你想要读取数据时,这是很好的,如果你只想做POST而不关心你可能想要使用的内容: http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype

答案 2 :(得分:0)

查看$ .post() - http://docs.jquery.com/Ajax/jQuery.post

添加所有相关数据,然后发布,使用提供的回调方法处理响应。

答案 3 :(得分:0)

jQuery中有一个post函数:
$.post("test.php", { name: "John", time: "2pm" } );
这是直接从jQuery API复制的,因此有关详细信息和示例,请查看 jQuery api
选择Ajax> Ajax请求> $ .POST