[英]Passing JavaScript Variable into Ajax data:
我正在对jQuery进行排序。 我从数据库中提取信息以填充每个可订购元素,然后将新订单重新发布回我的数据库。 但是,我无法弄清楚如何采用我在序列化jQuery中定义的变量并将其输入到data:区域的AJAX函数中。
这是我的代码:
$(document).ready(function()
{
$('#social_list').sortable(
{
update: function()
{
var order = $('#social_list').sortable('serialize');
alert(order);
}
});
});
$.ajax(
{
url: 'save_items_order.php',
data: ?,
type: '$_POST',
success: function(msg)
{
alert(msg);
}
});
所以我想采用var order创建的字符串并将其传递到ajax中,这样data:= var order string
我尝试了数据:$('#social_list')。sortable('serialize'),似乎一切正常,但似乎没有更新我的表
最简单的解决方案是
$(document).ready(function() {
$('#social_list').sortable({
update: function() {
// global. you could just omit var, but I find this clearer
window.order = $('#social_list').sortable('serialize');
}
});
});
$.ajax({
url: 'save_items_order.php',
data: window.order, /* ...rest of code */
});
但我敢肯定,您知道全局变量很糟糕,您至少可以将它们包含在名称空间中,
var myNs = {};
$(document).ready(function() {
$('#social_list').sortable({
update: function() {
myNs.order = $('#social_list').sortable('serialize');
}
});
});
$.ajax({
url: 'save_items_order.php',
data: myNs.order /* ... rest of code */
});
或重新组织您的代码,以便他们可以共享变量。
$(document).ready(function() {
var order;
$('#social_list').sortable({
update: function() {
order = $('#social_list').sortable('serialize');
}
});
$('#myButton').click(function(){
$.ajax({
url: 'save_items_order.php',
data: order, /* ... rest of code */
});
});
});
请注意,在这种情况下,您可以执行以下操作
$.ajax({
url: 'save_items_order.php',
data: $('#social_list').sortable('serialize') /* ... rest of code */
});
您只需将任何javascript对象作为数据传入即可。
对于您的特定情况,我可能会将AJAX调用包装在一个函数中,例如:
function saveItemOrder(order)
{
$.ajax({
url: 'save_items_order.php',
data: { "order": order },
type: 'POST', // <-- this should be just "POST"
success: function(msg){
alert(msg);
}
});
}
接着:
update: function() {
var order = $('#social_list').sortable('serialize');
// alert(order);
saveItemOrder(order);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.