带特殊字符的JQuery AJAX POST请求

时间:2013-10-23 17:26:05

标签: jquery ajax

我在使用JQuery AJAX发送数据的管理页面存在问题,但是它没有处理&或“,原因很明显(它们打破了数据字符串/网址)。

使用允许这些字符的Javascript发送此数据的正确方法是什么?使用数据数组可以解决&但它会解决“?

必须接受的示例输入:执行此操作&按“输入”

function SaveCombinations() {
    var priority = 0;
    $("#sort li").each(function() {
        $.ajax({"url": "lib/sc-save.php", "data": "id="+this.id+"&name="+$(this).find("input").val()+"&priority="+priority, "type": "POST",
        "success": function() {}});
        priority++;
    });
}

1 个答案:

答案 0 :(得分:3)

将您的数据作为对象传递,并将为您处理:

function SaveCombinations() {
    var p = 0;

    $('#sort li').each(function(){
        var $id = this.id,
            $name = $(this).find('input').val(),
            $priority = p, // you don't really need to do this, its just a maintainability thing in case it changes in the future
            $data = {id:$id,name:$name,priority:$priority};

        $.ajax({
            type:'POST',
            url:'lib/sc-save.php',
            data:$data  
        }).done(function(){
            p++;
        });
    });
}

这些方面的东西既可以解决你的问题,又可以更容易阅读/维护。

修改

正如有人指出的那样,.each()函数已经为您处理了索引。

function SaveCombinations() {
    $('#sort li').each(function(i){
        var $id = this.id,
            $name = $(this).find('input').val(),
            $priority = i,
            $data = {id:$id,name:$name,priority:$priority};

        $.ajax({
            type:'POST',
            url:'lib/sc-save.php',
            data:$data                
        });
    });
}

这也适用于实施。