利用JQuery直接调用asp.net后台的简单方法

前端之家收集整理的这篇文章主要介绍了利用JQuery直接调用asp.net后台的简单方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法

[WebMethod] 命名空间

1、无参数的方法调用,注意:1.方法一定要静态方法,而且要有[WebMethod]的声明

后台:

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

前台<

jQuery

>:

方法所在页面方法名 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; 

});
});

2、带参数的方法调用

后台:

[WebMethod]
public static string GetStr(string str,string str2)
{
return str

  • str2;
    }

前台:

方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字 data: "{'str':'我是','str2':'XXX'}",success: function(data) { //返回的数据用data.d获取内容 alert(data.d); },error: function(err) { alert(err); } });

//禁用按钮的提交
return false;
});
});

3、返回数组方法调用

后台:

[WebMethod]
public static List
GetArray()
{
List
li = new List();

for (int i
= 0; i < 10; i++)
li.Add(i

  • "");

return li;
}

前台:

//递归<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>数据 $(data.d).each(function()

{
//插入结果到li里面
$("#list").append("

  • " +
    this +
    "
  • ");
    });

        alert(data.d); 
      },error:

    function(err)
    {
    alert(err);
    }
    });

    //禁用按钮的提交 
    return false; 

    });
    });
    ///
    <reference path="jquery-1.4.2-vsdoc.js"/>
    $(function()
    {
    $("#btnOK").click(function()
    {
    $.ajax({
    type:
    "Post",success:
    function(data)
    {
    //插入前先清空ul
    $("#list").html("");

        //递归<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>数据
        $(data.d).each(function()

    {
    //插入结果到li里面
    $("#list").append("

  • " +
    this +
    "
  • ");
    });

        alert(data.d);
      },error:

    function(err)
    {
    alert(err);
    }
    });

    //禁用按钮的提交
    return false;

    });
    });

    4、返回Hashtable方法调用

    后台:

    [WebMethod]
    public static Hashtable
    GetHash(string key,string value)
    {
    Hashtable
    hs = new Hashtable();

    hs.Add("www","yahooooooo");
    hs.Add(key,value);

    return hs;
    }

    前台:

    "+data.d["haha"]+"\n key: www ==> "+data.d["www"]); },error: function(err) { alert(err + "err"); } });
    //禁用按钮的提交 
    return false; 

    });
    });

    5、操作xml

    view
    plaincopy to clipboardprint?
    <?xml version="1.0"
    encoding="utf-8" ?>

    1 qwe 2 asd 1 qwe 2 asd

    前台:

    item").each(function() { $("#list").append("
  • id:" + $(this).find("id").text() +"
  • "); $("#list").append("
  • Name:"+ $(this).find("name").text() + "
  • "); }) },error: function(result,status) { //如果没有上面的捕获出错会执行这里的回调函数 alert(status); } });
    //禁用按钮的提交 
    return false; 

    });
    });

    以上就是小编为大家带来的利用JQuery直接调用asp.net后台的简单方法全部内容了,希望大家多多支持编程之家~

    原文链接:https://www.f2er.com/jquery/44852.html

    猜你在找的jQuery相关文章