17

I want to call a web method in asp.net c# application using the following code

Jquery:

jQuery.ajax({
    url: 'AddToCart.aspx/AddTo_Cart',
    type: "POST",
    data: "{'quantity' : " + total_qty + ",'itemId':" + itemId + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    beforeSend: function () {
                  alert("Start!!! ");
               },
    success: function (data) {
                 alert("a");
              },
    failure: function (msg) { alert("Sorry!!! "); }
    });

C# Code:

[System.Web.Services.WebMethod]
public static string AddTo_Cart(int quantity, int itemId)
{
    SpiritsShared.ShoppingCart.AddItem(itemId, quantity);      
    return "Add";
}

But it always call page_load. How can i fix it?

4

8 回答 8

17

$.Ajax()如果定义不正确，其中有相当多的元素可能会导致问题。我建议以最基本的形式重写您的 javascript，您很可能会发现它工作正常。

脚本示例：

$.ajax({
    type: "POST",
    url: '/Default.aspx/TestMethod',
    data: '{message: "HAI" }',
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        console.log(data);
    },
    failure: function (response) {
        alert(response.d);
    }
});

网络方法示例：

[WebMethod]
public static string TestMethod(string message)
{
     return "The message" + message;
}
于 2014-08-12T10:36:48.743 回答
9

这有点晚了，但我只是偶然发现了这个问题，试图解决我自己的这类问题。然后我意识到我在 ajax 帖子中的这一行是错误的：

data: "{'quantity' : " + total_qty + ",'itemId':" + itemId + "}",

它应该是：

data: "{quantity : '" + total_qty + "',itemId: '" + itemId + "'}",

以及 WebMethod 以：

public static string AddTo_Cart(string quantity, string itemId)

这解决了我的问题。

希望它对其他人也有帮助。

于 2014-11-08T21:55:35.330 回答
1

解决这个问题；）

您需要更改作为字符串化 JSON 发送的数据，这样您就可以将 Ajax 调用模块化为一个可支持的函数。

第一步：提取数据构建

/***
 * This helper is used to call WebMethods from the page WebMethods.aspx
 * 
 * @method - String value; the name of the Web Method to execute
 * @data - JSON Object; the JSON structure data to pass, it will be Stringified
 *      before sending
 * @beforeSend - Function(xhr, sett)
 * @success - Function(data, status, xhr)
 * @error - Function(xhr, status, err)
 */
function AddToCartAjax(method, data, beforeSend, success, error) {
    $.ajax({
        url: 'AddToCart.aspx/', + method,
        data: JSON.stringify(data),
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        beforeSend: beforeSend,
        success: success,
        error: error
    })
}

第二步：泛化WebMethod

[WebMethod]
public static string AddTo_Cart ( object items ) {
    var js = new JavaScriptSerializer();
    var json = js.ConvertToType<Dictionary<string , int>>( items );

    SpiritsShared.ShoppingCart.AddItem(json["itemId"], json["quantity"]);      
    return "Add";
}

第三步：在需要的地方调用

这几乎可以在任何地方调用，JS 文件、HTML 文件或服务器端构造。

var items = { "quantity": total_qty, "itemId": itemId };

AddToCartAjax("AddTo_Cart", items,
    function (xhr, sett) {  // @beforeSend
        alert("Start!!!");
    }, function (data, status, xhr) {   // @success
        alert("a");
    }, function(xhr, status, err){  // @error
        alert("Sorry!!!");
    });
于 2017-10-12T19:59:56.533 回答
0

这里的一个问题是，当您从 ajax 调用传递字符串时，您的方法需要 int 值。如有必要，尝试将其更改为字符串并在 web 方法中解析：

[System.Web.Services.WebMethod]
public static string AddTo_Cart(string quantity, string itemId)
{
    //parse parameters here
    SpiritsShared.ShoppingCart.AddItem(itemId, quantity);      
    return "Add";
}

编辑：或从 ajax 调用传递 int 参数。

于 2013-10-01T08:31:36.403 回答
0

你需要JSON.stringify在data parameter发送它之前。

于 2014-10-21T23:26:23.803 回答
0

我不确定为什么这不起作用，它在我的测试中运行良好。但这里有一种替代技术可能会有所帮助。

不用在 AJAX url 中调用方法，只需使用页面 .aspx url，并将该方法作为参数添加到数据对象中。然后当它调用 page_load 时，您的数据将在 Request.Form 变量中。

jQuery

jQuery.ajax({
    url: 'AddToCart.aspx',
    type: "POST",
    data: {
        method: 'AddTo_Cart', quantity: total_qty, itemId: itemId
    },
    dataType: "json",
    beforeSend: function () {
        alert("Start!!! ");
    },
    success: function (data) {
        alert("a");
    },
    failure: function (msg) { alert("Sorry!!! "); }
});

C# 页面加载：

if (!Page.IsPostBack)
{
    if (Request.Form["method"] == "AddTo_Cart")
    {
        int q, id;
        int.TryParse(Request.Form["quantity"], out q);
        int.TryParse(Request.Form["itemId"], out id);
        AddTo_Cart(q,id);
    }
}
于 2013-10-01T19:45:17.563 回答
0

问题在于[System.Web.Services.WebMethod]，添加[WebMethod(EnableSession = false)]并且您可以摆脱页面生命周期，默认情况下 EnableSession 在 Page 中为 true 并通过生命周期事件使页面进入生命周期。

有关详细信息，请参阅以下页面 http://msdn.microsoft.com/en-us/library/system.web.configuration.pagessection.enablesessionstate.aspx

于 2014-08-15T14:47:15.500 回答
-1

这是你的答案。利用 

                   jquery.json-2.2.min.js 
                      and
                   jquery-1.8.3.min.js

Javascript：

function CallAddToCart(eitemId, equantity) {
   var itemId = Number(eitemId);
   var quantity = equantity;
   var dataValue = "{itemId:'" + itemId+ "', quantity :'"+ quantity "'}" ;
    $.ajax({
           url: "AddToCart.aspx/AddTo_Cart",
           type: "POST",
           dataType: "json",
           data: dataValue,
           contentType: "application/json; charset=utf-8",
           success: function (msg) {
                alert("Success");
           },
           error: function () { alert(arguments[2]); }      
        });
 }

你的 C# web 方法应该是

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string AddTo_Cart(int itemId, string quantity)
{
   SpiritsShared.ShoppingCart.AddItem(itemId, quantity);      
  return "Item Added Successfully";
}

从任何按钮click或任何其他 html 控件event，您都可以调用带有参数的javascript方法，该参数又调用 以webmethod获取json格式中的值。

于 2013-12-13T04:04:04.070 回答