.NET实现ajax调用的两种方式

本文链接：https://blog.csdn.net/alan294902466/article/details/50262877

本文详细介绍了在.NET框架中使用Ajax进行异步请求的方法，包括两种常见实现方式：一种是通过jQuery库简化AJAX调用过程，另一种则是直接使用JavaScript原生API。文章深入分析了这两种方式的原理、步骤及示例代码，并通过对比展示了各自的特点和应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.NET实现ajax调用两种方式：

    <script src="../js/jquery/jquery-1.8.3.min.js"></script>

第一种：

Javascript：

$.ajax({
                        type:"POST",
                        url:posturl+"demo.aspx",
                        dataType:"json",
                        data:{Params:Params,functionname:"FunctionName"},
                        success:function(responseText){

}});

demo.cs

private void AjaxProcess()
        {
            string responseText = null;
            string functionname = Request.Form["functionname"];
            string Params = Request.Form["Params"];
            
            switch (functionname)
            {
                case "FunctionName": responseText = "returndata";
                    break;
                default: break;
            }

            if (responseText != null)
            {
                Response.Clear();
                Response.Write(responseText);
                Response.End();
            }
        }

       
        protected override void OnPreInit(EventArgs e)
        {
            AjaxProcess();
            base.OnPreInit(e);
        }

第二种：

javascript：

$.ajax({                    
        type: "POST", 
        contentType: "application/json",                     
        url: "demo.aspx/FunctionName", //调用WebService的地址和方法名称组合 ---- WsURL/方法名                    
        data: "{'params':'params'}",  //这里是要传递的参数，注意参数名跟后台方法参数名的对应        </span>
        dataType: 'json',   //WebService 返回Json类型 或者 Json/string                   
        success: function(re) {     
         alert(re.d);//re.d为返回的json结果
    }               
    });

demo.cs

//方法必须静态必须加[WebMethod] 参数必须一一对应

[WebMethod]
public static string FunctionName(string params)
{
}