码迷,mamicode.com
首页 > Web开发 > 详细

JQuery使用Ajax调用后台方法

时间:2020-06-08 17:34:35      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:pre   err   ajax   div   webform   eth   erro   pen   web   

调用含参方法:

    $("#btn").click(function () {
        $.ajax({
            type: "Post",
            url: "WebForm1.aspx/GetStr",
            data: "{‘str‘:‘aaa‘,‘str2‘:‘bbb‘}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                alert(data.d);
            },
            error: function (err) {
                alert(err);
            }
        });
        return false;
    });

.cs:

    [WebMethod]
    public static string GetStr(string str1, string str2)
    {
        return str1 + str2;
    }

调用无参方法:

    $(function () {
        $("#btGetDataTable").click(function () {
            $.ajax({
                type: "Post",
                url: "WebForm1.aspx/Traverse",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    $("#table1").append(data.d);
                },
                error: function (err) {
                    alert(err);
                }
            });
            return false;
        });
    })

.cs:

    [WebMethod]
    public static string Traverse()
    {

    }

 

JQuery使用Ajax调用后台方法

标签:pre   err   ajax   div   webform   eth   erro   pen   web   

原文地址:https://www.cnblogs.com/jizhiqiliao/p/13066924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!