Jquery POST与经典asp组合

时间:2009-09-10 23:16:49

标签: c# asp.net jquery post

我已经尝试了很多方法来执行它但它没有发生..这里是交易..我有数据显示在表行中,每一行的id都代表我想要删除的人的id。我使用jquery从我的按钮所在的行收集这个id,这是我如何做的代码,它的工作我只是写作,所以你可以了解我想要完成的事情:

var customer_id = $(this).parents("tr").attr('id');

当我使用警报进行测试时,这是困难的部分我只是卡住我​​有一个名为Delete.aspx的文件,这里是它的内容

<%

string p = Request [“value”];     int pInt = Int32.Parse(p);

var dataContext = new CustomersDataContext();
var customer = from m in dataContext.Customers
               where m.id == pInt
               select m;
dataContext.Customers.DeleteAllOnSubmit(customer);
dataContext.SubmitChanges();
%>

现在我正在尝试发送到Delete.aspx值以删除具有特定ID的人,并且通过在浏览器中键入Delete.aspx?value = 7来工作,它会删除ID为7的人。现在这里是我真的被困在哪里从Default.aspx我试图到达Delete.aspx并使用jquery传递人员ID,如下所示:

$(".btn-delete").click(function() {
                 var answer = confirm("If you press OK, this customer will be deleted?")
                 var customer_id = $(this).parents("tr").attr('id');
                 if (answer) {


                      $.ajax({
                     type: "POST",
                     url: "Delete.aspx",
                     data: "{value: '" + customer_id + "'}",
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     success: function(msg) {
                     AjaxSucceeded(msg);
                     },
                     error: AjaxFailed

                     });

                     $(this).parents("tr").animate({ backgroundColor: "#fbc7c7" }, "fast")
                .animate({ opacity: "hide" }, "slow")
                     return false;
                 }
                 else {
                     alert("Customer has not been deleted!")
                 }


             });

             function AjaxSucceeded(result) {
                 alert(result.d);
             }
             function AjaxFailed(result) {
                 alert(result.status + ' ' + result.statusText);
             }

         });   

所以现在结果,当我点击按钮并确认删除时我得到“500内部服务器错误”,这是可修复的还是还有其他简单的方法做同样的事情?

谢谢


我修改了代码......但是我仍然需要一些帮助..我觉得我太近了所以至少指向正确的方向..

这是我的Delete.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Second_Question
{
    public partial class Delete : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            string p = Request["value"];
            int pInt = Int32.Parse(p);

            var dataContext = new CustomersDataContext();
            var customer = from m in dataContext.Customers
                           where m.id == pInt
                           select m;
            dataContext.Customers.DeleteAllOnSubmit(customer);
            dataContext.SubmitChanges();


        }
    }
}

这是我的Delete.aspx

任何想法?谢谢

1 个答案:

答案 0 :(得分:1)

通常会出现“500 Internal Server Error”,因为您有一些服务器端代码无法正确编译,或者抛出了未处理的异常。

我建议你可能想尝试一些改变:

将删除例程移动到使用[WebMethod]属性修饰的特定方法。确保您的代码包含System.Web.Services。

让您的jQuery ajax调用包含“/Delete.aspx/MyDeleteMethod”而不是整个页面。

您是否考虑过此应用程序的安全性?如果有人抓住你的customer_id并使用Firebug即时更改它会发生什么?

编辑: 好的,这就是我建议的服务器端代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services

namespace Second_Question
{
    public partial class Delete : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public static void DeleteCustomer(int CustID)
        {

            var dataContext = new CustomersDataContext();
            var customer = from m in dataContext.Customers
                           where m.id == CustID
                           select m;
            dataContext.Customers.DeleteAllOnSubmit(customer);
            dataContext.SubmitChanges();


        }
    }
}

我的jQuery看起来像这样:

$.ajax({
      type: "POST",
      url: "Delete.aspx/DeleteCustomer",
      data: "{CustID: " + parseInt(customer_id) + "}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
                     AjaxSucceeded(msg);
               },
      error: AjaxFailed
 });