您的位置：首页 > 编程语言 > ASP

asp.net中使用ajax的两种方式

2014-07-20 17:37 393 查看

今天了解了asp.net下使用记录下使用ajax的两种方式。当然并不是说只有这两种方式。这里仅记录这两种方式。

用.ashx文件来处理前端发送过来的ajax请求：

demo如下：

前端代码：

<script type="text/javascript">
        $(function () {
            $("#MyButton").click(function () {
                $.ajax({
                    type: "post",
                    url: "MyTest.ashx",
                    data:{dataa:"ashx文件处理的结果"},
                    success: function (data) {
                        alert(data);
                    },
                    error: function (err) {
                        alert("12313123");
                    }
                });
            });
        });
    </script>

后端代码：

//MyTest.ashx
public class MyTest : IHttpHandler, IRequiresSessionState
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string ts = context.Request.Form["dataa"];
context.Response.Write(ts);
}

public bool IsReusable
{
get
{
return false;
}
}
}

结果：

方法二：用.aspx文件中的方法来处理前端请求
前端代码：

<script type="text/javascript">
$(function () {
$("#MyButton").click(function () {
$.ajax({
type: "post",
url: "test.aspx/SayHello",
data: "{'dataa':'aspx文件处理'}",//注意两种方法的json格式不一样
datatype: "json",
contentType: "application/json;charset=utf-8",
success: function (data) {
data = JSON.parse(data);
alert(data.d);
},
error: function (err) {
alert("12313123");
}
});
});
});
</script

后端代码：

using System.Web.Services;
[WebMethod]
public static string SayHello(string dataa)
{
return dataa;
}

结果：

注意要点：

两种方法的data属性里JSON写法不能混用。

参考文章：

1.JS操作JSON总结 

2.Jquery Ajax调用aspx页面方法

3.用Ajax提交数据到ashx处理数据

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： asp.net ajax 前端 json

相关文章推荐

新的分享

章节导航