前台调用后台方法

本文探讨了在PIXMM网站中,商家主界面删除功能无法使用的问题。问题在于`<a>`标签的`#`导致页面顶部跳转,未执行删除方法。作者提出两种在前端调用后台删除方法的方案:一是使用Ajax调用后台方法;二是直接在js中调用后台方法。这两种方法各有优劣,前者需要手动刷新,后者删除后自动刷新页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       在PIXMM网站中,商家的主界面有很多的添加管理功能,但是每一条记录后边的删除都不可用,跟踪了一下,发现这个在前台连他的JS都没有调用,但是明明写了方法却没有调用,为什么呢?

        <a href="#" οnclick='Delete(<%# Eval("BC_Id") %>)'> 删除</a>

       这是处错误的语句,有木有看出哪里的问题。“#”代表着跳转到页面的顶部,这样<a>标签中就会先到页面的顶部,才会执行我们的方法,但是这样的话就相当于刷新,他并没有执行delete这个js写的方法。

        这是问题之一,问题之二就是要如何在前台调用后台的删除方法。这里有两种方法。

第一种:用Js调用一下Ajax,然后调用后台的方法。

       以下是整理好的代码:

js删除语句:

function Delete(id)
{
    var l;
    if(id < 0)
    {
        l = GetAllChecked();
        if(l == "")
        {
            alert("您没有选择要删除的信息!");
            return;
        }
    }
    else
    {
        l = id;
    }
    if(confirm('确定要永久删除您所选择的信息吗?该信息将不能被恢复!'))
    {
         SendAjax("del",l);
    }

}

       很显然,他要调用后台的方法,然后自己写了一个SendAjax.对于js调用这个AjAX,传了两个参数,一个是“del”后台的方法名,另一个是“l”,是选中数据的id.

SendAjax:

function SendAjax(op,id)
{
    var param = "Option="+ op +"&ID="+ id;
    var options={
        method:'post',
        parameters:param,
        onComplete:
        function(transport)
	    {
	      var retv=transport.responseText;
		  onRcvMsg(retv);
		}     

	  }
	new  Ajax.Request('BankAccount_list.aspx',options);
}


调用js方法:

<a href="#" οnclick='javascript:Delete(<%# Eval("BC_Id") %>)'> 删除</a>


后台del方法:

 private void del(string sid)
        {
            string[] id = sid.Split(',');
            int ln = id.Length;
            int n = 0;
            for (int i = 0; i < id.Length; i++)
            {
                if (!id[i].Trim().Equals(""))
                {
                    try
                    {
                        dataCA.Delect(Convert.ToInt32(id[i]));
                        n++;
                    }
                    catch
                    {
                        continue;
                    }
                }
              
            }
           
            Response.Write(n + "%成功删除" + n + "条支付!");
            
          
        }

        这样通过Ajax来调用了后台的删除方法。

第二种:js中,直接调用后台的方法。

function Delete(id)
{
    var l;
    if(id < 0)
    {
        l = GetAllChecked();
        if(l == "")
        {
            alert("您没有选择要删除的信息!");
            return;
        }
    }
    else
    {
        l = id;
    }
    if(confirm('确定要永久删除您所选择的信息吗?该信息将不能被恢复!'))
    {
        YXShop.Web.Membercenter.Dynamic.BankAccount_list.del(id)
        window.location.reload();
 }

}

<a href="#" οnclick='javascript:Delete(<%# Eval("BC_Id") %>)'> 删除</a>

       这两种方法都可以对数据进行删除,第二种方法,删除的动作完全在后台,所以删除完后就执行窗体再次刷新,但是第一种方法确实需要自己手动刷新一下。

       两种方法的积累,以供大家参考。



评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值