首页 > 语言 > JavaScript > 正文

jquery.Ajax()方法调用Asp.Net后台的方法解析

2024-05-06 14:29:37
字体:
来源:转载
供稿:网友

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
先来个简单的实例热热身吧。

1、无参数的方法调用
asp.net code:
代码如下:
using System.Web.Script.Services;  

[WebMethod]  
public static string SayHello()  
{  
     return "Hello Ajax!";  

using System.Web.Script.Services;

[WebMethod]
public static string SayHello()
{
     return "Hello Ajax!";
}

注意:1.方法一定要静态方法,而且要有[WebMethod]的声明

JQuery code:
代码如下:
/// <reference path="jquery-1.4.2-vsdoc.js"/>  
$(function() {  
    $("#btnOK").click(function() {  
        $.ajax({  
            //要用post方式  
            type: "Post",  
            //方法所在页面和方法名  
            url: "data.aspx/SayHello",  
            contentType: "application/json; charset=utf-8",  
            dataType: "json",  
            success: function(data) {  
                //返回的数据用data.d获取内容  
                alert(data.d);  
            },  
            error: function(err) {  
                alert(err);  
            }  
        });  

        //禁用按钮的提交  
        return false;  
    });  
}); 
/// <reference path="jquery-1.4.2-vsdoc.js"/>
$(function() {
    $("#btnOK").click(function() {
        $.ajax({
            //要用post方式
            type: "Post",
            //方法所在页面和方法名

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选