web服务数据不会使用ajax

时间:2016-06-19 17:04:38

标签: javascript jquery ajax asp.net-mvc web-services

由于某些原因,我的网络服务数据没有返回,

我创建了一个具有 [webMethod] 装饰方法的网络服务

[WebMethod]
public void sujestedProduct(string name)
{

    string strname = name.Substring(0, 4);
    JavaScriptSerializer js = new JavaScriptSerializer();
    Context.Response.Write(js.Serialize(db.Products.Where(x => x.Name.StartsWith(strname)).ToList().Take(6)));

}

当我使用参数布洗执行此方法时,我得到了预期的结果 enter image description here

但是当我尝试使用带有相同参数布洗的jquery ajax从网页执行此 webservice 时,会得到这样的空白结果

图1 -

enter image description here

图2 -

enter image description here

我的jquery代码是

var product_name = $("#name").text();
$.ajax({
    url: '/ProductService/CartClickNow.asmx/sujestedProduct',
    method: 'GET',
    dataType: 'json',
    data: { 'name': product_name },
    success: function (data) {
        $("#loader").css({ 'display': 'none' });
        var laptop_div = $('#sujested-product');
        laptop_div.empty();
        $(data).each(function (index, cart) {
            laptop_div.append('<div class="col-sm-2 select"> <div class="panel-body"><a href="/Product/' + cart.Name + '"><img src="' + cart.Image + '" class="img-responsive hvr-float-shadow hvr-shadow " alt="' + cart.productId + '"style=height:140px;width:150px;" />' + cart.Name + '</div></a> <div class="panel-footer"><i class="fa fa-inr"></i>' + cart.Price + '<span class="span-diccount-circle">' + cart.Discount + '%</span>off<span class="span-add-wish click-span glyphicon glyphicon-heart-empty hvr-pus" title="Make Wish" id="' + cart.productId + '"></span></div>');
        });
    },
    error: function (data) {
        $("#loader").css({ 'display': 'none' });
        alert(Error);
    }
});

我不知道为什么没有返回数据。

1 个答案:

答案 0 :(得分:0)

终于有效了

   var product_name = $("#name").text();            
        $("#loader").css({ 'display': 'block' });
        $.ajax({
            url: '/ProductService/CartClickNow.asmx/sujestedProduct',  //sujestedProduct       
            method: 'GET',
            dataType: 'json',
            data: { 'name': product_name },
            success: function (data) {
                $("#loader").css({ 'display': 'none' });
                var laptop_div = $('#sujested-product');
                laptop_div.empty();
                $(data).each(function (index, cart) {
                    laptop_div.append('<div class="col-sm-2 select"> <div class="panel-body"><a href="/Product/' + cart.Name + '"><img src="' + cart.Image + '" class="img-responsive hvr-float-shadow hvr-shadow " alt="' + cart.productId + '"style=height:140px;width:150px;" />' + cart.Name + '</div></a> <div class="panel-footer"><i class="fa fa-inr"></i>' + cart.Price + '<span class="span-diccount-circle">' + cart.Discount + '%</span>off<span class="span-add-wish click-span glyphicon glyphicon-heart-empty hvr-pus" title="Make Wish" id="' + cart.productId + '"></span></div>');
                });
            },
            error: function (data) {
                $("#loader").css({ 'display': 'none' });
                alert(Error);
            }
        })