0

嗨朋友我是 jquery 的新手，想学习 Ajax 我开发了一个简单的代码，我在其中删除表的行并且行的长度将在一个 div 中更新你可以在这里检查小提琴或者你可以在下面看到我的代码

脚本

var len = $('table tr').length;

$('.shopItems').text('items in your cart '+len);

$('.del').click(function(){

    var len = $('table tr').length;
    var len = len - 1;
    $('.shopItems').text('items in your cart '+len);
    //alert(len)




if(len == 0)
{
$('table').remove();
    $('.empty').show();
}
    else{
    $(this).parent('tr').remove();
        len--;
    }


})

HTML

<div class="shopItems"></div>

<div class="empty" >Your Cart is empty</div>

<table width="100%">
    <tr>
        <td>Image</td>
        <td>Discription</td>
        <td class="del">X</td>        
    </tr>
        <tr>
        <td>Image</td>
        <td>Discription</td>
        <td class="del">X</td>        
    </tr>
        <tr>
        <td>Image</td>
        <td>Discription</td>
        <td class="del">X</td>        
    </tr>
</table>

CSS

.empty{display:none;}

我的问题是我能用 Ajax 做同样的事情吗？请帮帮我。

提前致谢....

4

1 回答 1

2

你可以把这个函数放在你的代码中：

ajaxService = (function () {
var ajaxGetJson = function (callback,  isAsyncCall) {

    //by default is an asyncrounous call
    isAsync = (typeof isAsyncCall === "undefined") ? true : isAsyncCall;

    $.ajax({
        url: "http://yourserviceorserversideapphere",
        type: "GET",
        data: request,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        async: isAsync,
        success: function (result, statusMsg, status) //3 parameters always come from ajax
        {
            callback(result, statusMsg, status, request);
        },
        error: function (result, statusMsg, status) //3 parameters always come from ajax
        {
            ServiceFailed(result, statusMsg, status, getSvcUrl(service, method));
        } // When Service call fails
    });
};

然后在您的 del 按钮中：

$('.del').click(function(){
    ajaxService.ajaxGetJson(successAjaxCall, true);
}

然后您将拥有在您的回调 ( successAjaxCall) 中传递的函数来执行 .del 按钮在您的代码中执行的操作。

function successAjaxCall(result, statusMsg, status) {

   //you can use the result object to do anything you want here

}
于 2013-09-17T13:59:47.427 回答