URL Encode in ajax call

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",

In ajax call i want to encode pname ...

http://stackoverflow.com/questions/332872/encode-url-in-javascript — cornelb, Jan 31 '17 at 09:19
Possible duplicate of [Encode URL in JavaScript?](http://stackoverflow.com/questions/332872/encode-url-in-javascript) — Dipiks, Jan 31 '17 at 09:22

score 1 · Answer 1 · answered Jan 31 '17 at 09:29

1

Try This

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",

answered Jan 31 '17 at 09:29

ImBhavin95

1,494
2
16
29

awsome @DivyaSantoshi – ImBhavin95 Feb 01 '17 at 05:42

Daniel Lagiň · Answer 2 · 2017-01-31T09:32:38.153

You can send data using POST. Also you can change type to GET. Also you json format for encoding and decoding pname parameter:

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

encodeURI(pname)---this worked for me tanq for helping – Divya Santoshi Jan 31 '17 at 13:43 — Divya Santoshi, Jan 31 '17 at 13:43

URL Encode in ajax call

2 Answers2