带有特殊字符的JQuery AJAX POST请求

马特

我的管理页面使用JQuery AJAX发送数据时遇到问题,但它不处理&或“,原因很明显(它们破坏了数据字符串/ URL)。

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

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

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++;
    });
}
PlantTheIdea

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

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                
        });
    });
}

这对于实现也很好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Symfony和Jquery进行POST Ajax请求

来自分类Dev

带有Web API的Ajax Jquery请求

来自分类Dev

使用Jquery进行AJAX POST请求时的不同行为

来自分类Dev

带有jQuery / Rails的AJAX更改功能请求

来自分类Dev

jQuery不在AJAX POST请求上发送JSON

来自分类Dev

jQuery Ajax POST请求与laravel作为GET发送

来自分类Dev

jQuery Ajax POST请求在Rails中带有参数(Ruby on Rails)

来自分类Dev

URL中带有GET参数的AJAX POST请求

来自分类Dev

POST Ajax请求

来自分类Dev

如何从jQuery发送带有AJAX请求的令牌

来自分类Dev

带有CORS预检选项请求的Ajax防伪POST(302重定向)

来自分类Dev

带有ajax请求的Hightchart

来自分类Dev

带有jQuery / Rails的AJAX更改功能请求

来自分类Dev

POST请求与AJAX / JQuery中的PHP等效

来自分类Dev

使用jquery ajax post传递请求时,字符串被截断

来自分类Dev

没有路由与[POST]匹配ajax json请求

来自分类Dev

jQuery $ .ajax通过发送POST接收到400错误请求

来自分类Dev

jQuery ajax请求未传递POST变量

来自分类Dev

带有AJAX请求的JSON的jQuery Progressbar

来自分类Dev

发送带有特殊字符的POST请求iOS

来自分类Dev

带有Bootstrap的AJAX请求

来自分类Dev

jQuery AJAX请求-处理特殊字符以响应PHP页面

来自分类Dev

带有JQUERY的AJAX POST请求

来自分类Dev

带有CORS预检选项请求的Ajax防伪POST(302重定向)

来自分类Dev

带有jQuery Promise的链式ajax请求

来自分类Dev

用于登录的 jQuery ajax POST 请求

来自分类Dev

无法 POST ajax 请求

来自分类Dev

Jquery:Ajax POST 请求/成功事件未触发

来自分类Dev

带有特殊字符的 Ajax 帖子中断