如何在URL中发送动态逗号分隔的字符串值?

时间:2016-12-06 06:41:53

标签: javascript jquery url

我想在url中发送包含逗号分隔值的字符串。

点击“添加”按钮后,我将输入文本全名值添加到文本区域。 我想发送文本区域中添加的所有值,在url中用逗号分隔。

 <textarea name="txtAttendeeNames" id="txtAttendeeNames" rows="5" cols="38" class="txt" readonly=""></textarea>

我创建了以下网址以传递url中的值

 http://shopping.com/app/site/backend/additemtocart.nl?c=TSTDRV945986&n=1&buyid=172,1,custcol_name_of_attendees|'+ document.getElementById('txtAttendeeNames').value+'|custcol_event_name|'+ document.getElementById('hdEventName').value+';

问题是文本区域字段的值如value1,value2,value3。当我在url中添加document.getElementById(&#39; txtAttendeeNames&#39;)。值时,它是分隔值,我无法创建url。

有没有其他方法可以用逗号格式传递这些逗号分隔的动态值?

3 个答案:

答案 0 :(得分:0)

你可以这样做......

var Parameters= {
    IDs: 1,2,3,4,5,6,7
};
var data = encodeURIComponent(JSON.stringify(Parameters));
http://shopping.com/app/site/backend/additemtocart.nl?c=TSTDRV945986&n=1&buyid=data;

答案 1 :(得分:0)

var param = encodeURIComponent(document.getElementById(“txtAttendeeNames”)。value);

  

示例
对URI进行编码:

     

var uri =“http://w3schools.com/my test.asp?name =ståle&amp; car = saab”; VAR   res = encodeURIComponent(uri);

     

res的结果将是:   HTTP%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab

Click了解更多信息

答案 2 :(得分:0)

你可以简单地发送它,在这里我使用lodash来创建逗号分隔值

public class Model
{
    public List<string> Names {get;set;}
}

public class Config
{
    public List<string> Names {get;set;}
}