ajax调用中的URL编码

Question

var pid = $('#pid').val();
        var pname = $('#pname').val() + " " + $('#varient_title').val() + " " + $('#varient_value').val();
        var price = $('#price').val();
        var shipping = $('#shipping').val(); 
  $.ajax({
        url: "ajax/cart.php?pid=" + pid + "&pname=" + pname + "&price=" + price + '&shipping=' + shipping,
        type: "GET",

在ajax调用中我想编码pname ...

Answer 1

尝试这个

var pid = $('#pid').val();
    var pname = $('#pname').val() + " " + $('#varient_title').val() + " " + $('#varient_value').val();
    var price = $('#price').val();
    var shipping = $('#shipping').val(); 
$.ajax({
    url: "ajax/cart.php?pid=" + pid + "&pname=" + encodeURI(pname) + "&price=" + price + '&shipping=' + shipping,
    type: "GET",

Answer 2

您可以使用POST发送数据。 您也可以将类型更改为GET 。 还有用于编码和解码pname参数的 json 格式：

    var pid = $('#pid').val();
    var price = $('#price').val();
    var shipping = $('#shipping').val(); 

    var pname = {
         pname: $('#pname').val(),
         varient_title: $('#varient_title').val(),
         varient_value: $('#varient_value').val()
    };

    $.ajax({
        url: "ajax/cart.php",
        type: 'POST',
        datatype: 'html',
        data: {
            pid: pid ,
            pname : JSON.stringify(pname),
            price : price,
            shipping: shipping,
        },
        success: function(data) {
            console.log("success")
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log('Ajax', 'Error', textStatus);
        },
    });