如何在jQueryAjax中正确引用发布的表单数据

如何在jQueryAjax中正确引用发布的表单数据,jquery,css,ajax,Jquery,Css,Ajax,我认为beforeSend函数不起作用(没有背景颜色变化)的原因是它看不到变量id的值。如何正确引用表单中发布的id变量。以下是相关的html和js: html CSS 如果您正在尝试执行我认为您正在尝试执行的操作,那么发送前的是不必要的。您正在为一个对象设置动画,但这并不一定需要绑定到Ajax请求。只需在请求之外执行动画。像这样: data = $(this).serialize(); if (confirm("Are you sure you want to delete this l

我认为beforeSend函数不起作用(没有背景颜色变化)的原因是它看不到变量id的值。如何正确引用表单中发布的id变量。以下是相关的html和js:

html

CSS


如果您正在尝试执行我认为您正在尝试执行的操作,那么发送前的
是不必要的。您正在为一个对象设置动画,但这并不一定需要绑定到Ajax请求。只需在请求之外执行动画。像这样:

data = $(this).serialize();   
if (confirm("Are you sure you want to delete this listing?")) {
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "delete_list.php",
            data: data,   
        });
        $("#rec" + data["id"]).animate({'backgroundColor': '#fb6c6c'}, 600);
        return false;
    }

如果您正在尝试执行我认为您正在尝试执行的操作,那么发送前的
是不必要的。您正在为一个对象设置动画,但这并不一定需要绑定到Ajax请求。只需在请求之外执行动画。像这样:

data = $(this).serialize();   
if (confirm("Are you sure you want to delete this listing?")) {
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "delete_list.php",
            data: data,   
        });
        $("#rec" + data["id"]).animate({'backgroundColor': '#fb6c6c'}, 600);
        return false;
    }

如果您正在尝试执行我认为您正在尝试执行的操作,那么发送前的
是不必要的。您正在为一个对象设置动画,但这并不一定需要绑定到Ajax请求。只需在请求之外执行动画。像这样:

data = $(this).serialize();   
if (confirm("Are you sure you want to delete this listing?")) {
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "delete_list.php",
            data: data,   
        });
        $("#rec" + data["id"]).animate({'backgroundColor': '#fb6c6c'}, 600);
        return false;
    }

如果您正在尝试执行我认为您正在尝试执行的操作,那么发送前的
是不必要的。您正在为一个对象设置动画,但这并不一定需要绑定到Ajax请求。只需在请求之外执行动画。像这样:

data = $(this).serialize();   
if (confirm("Are you sure you want to delete this listing?")) {
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "delete_list.php",
            data: data,   
        });
        $("#rec" + data["id"]).animate({'backgroundColor': '#fb6c6c'}, 600);
        return false;
    }
你为什么要和rec分开

$("#" + "rec" + data["id"])
你也可以这样写:

$("#rec" + data["id"])
无论如何,拉姆齐·史密斯的答案是正确的

你为什么要和rec分开

$("#" + "rec" + data["id"])
你也可以这样写:

$("#rec" + data["id"])
无论如何,拉姆齐·史密斯的答案是正确的

你为什么要和rec分开

$("#" + "rec" + data["id"])
你也可以这样写:

$("#rec" + data["id"])
无论如何,拉姆齐·史密斯的答案是正确的

你为什么要和rec分开

$("#" + "rec" + data["id"])
你也可以这样写:

$("#rec" + data["id"])

无论如何,拉姆齐·史密斯的答案是正确的

首先,您需要为颜色设置动画。你拿到了吗?其次,
data
是一个字符串,因此不能使用
data[“id”]
。尝试类似于
$('#rec'+this.elements.id.value)
。两件事:第一,第14行上的尾随逗号将在某些IE版本上引起问题,第二,在javascript控制台中设置一个断点,并确保jquery选择器实际选择了有效的内容(例如,“id”是您想要的值),第三(最重要的是)
beforeSend
通常用于向http请求添加自定义头之类的操作,在这里似乎完全没有必要。只需将其移动到提交处理程序的顶部即可。@JaredSmith如果我删除它,dreamweaver中会出现语法错误comma@Phil我不知道这个颜色插件,谢谢。但是我认为我不需要它在这个实例中??啊,您发布了代码的其余部分。是的,您需要那个逗号。您最初没有发布成功和错误处理程序。在枚举对象属性时,如果您有一个额外的逗号,如so
var foo={foo:'bar',baz:'fez',};
(注意'fez'后面的逗号)大多数浏览器都会忽略它,但不是旧版本的IES。首先,你需要设置颜色的动画。明白了吗?其次,
data
是一个字符串,因此你不能使用
data[“id”]
。请尝试类似
$(“#rec”+this.elements.id.value)的方法
。两件事:首先,第14行上的尾随逗号将在某些IE版本上引起问题,其次在javascript控制台中设置断点,并确保您的jquery选择器实际选择了有效的内容(例如,“id”是您想要的值),第三(也是最重要的)
beforeSend
通常用于向http请求添加自定义头之类的操作,在这里似乎完全没有必要。只需将其移动到提交处理程序的顶部即可。@JaredSmith如果我删除它,dreamweaver中会出现语法错误comma@Phil我不知道这个颜色插件,谢谢。但是我认为我不需要它在这个实例中??啊,您发布了代码的其余部分。是的,您需要那个逗号。您最初没有发布成功和错误处理程序。在枚举对象属性时,如果您有一个额外的逗号,如so
var foo={foo:'bar',baz:'fez',};
(注意'fez'后面的逗号)大多数浏览器都会忽略它,但不是旧版本的IES。首先,你需要设置颜色的动画。明白了吗?其次,
data
是一个字符串,因此你不能使用
data[“id”]
。请尝试类似
$(“#rec”+this.elements.id.value)的方法
。两件事:首先,第14行上的尾随逗号将在某些IE版本上引起问题,其次在javascript控制台中设置断点,并确保您的jquery选择器实际选择了有效的内容(例如,“id”是您想要的值),第三(也是最重要的)
beforeSend
通常用于向http请求添加自定义头之类的操作,在这里似乎完全没有必要。只需将其移动到提交处理程序的顶部即可。@JaredSmith如果我删除它,dreamweaver中会出现语法错误comma@Phil我不知道这个颜色插件,谢谢。但是我认为我不需要它在这个实例中??啊,您发布了代码的其余部分。是的,您需要那个逗号。您最初没有发布成功和错误处理程序。在枚举对象属性时,如果您有一个额外的逗号,如so
var foo={foo:'bar',baz:'fez',};
(注意'fez'后面的逗号)大多数浏览器都会忽略它,但不是旧版本的IES。首先,你需要设置颜色的动画。明白了吗?其次,
data
是一个字符串,因此你不能使用
data[“id”]
。请尝试类似
$(“#rec”+this.elements.id.value)的方法
。两件事:首先,第14行上的尾随逗号将在某些IE版本上引起问题,其次在javascript控制台中设置断点,并确保jquery选择器实际选择了有效的内容(例如,“id”是您想要的值),第三(也是最重要的)