代码之家 › 专栏 › 技术社区 › Pankaj Mishra

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

ajax jquery asp.net

Pankaj Mishra · 技术社区 · 15 年前

我有一个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); }

            };

警报(“开始4”);

        });



    });

我正在使用此代码,我正在获取除其发布页面之外的所有警报响应。

4 回复 | 直到 15 年前

Martin Larsson 15 年前

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;       
}

kubal5003 15 年前

有负载功能。

您可以这样使用它:

$('somediv').load(' http://someaddress '、键:值,函数callback());

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

PS>当您想要读取数据时,这是很好的,如果您只想完成发布,而不关心返回的内容,那么您可能需要使用: http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype

LJW 15 年前

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

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

Jeroen Pelgrims 15 年前

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