如何使用Ajax将文本文件内容上传到listBox

时间:2014-06-30 11:51:37

标签: javascript jquery ajax listbox asp.net-mvc-5

我想使用Jquery将一些以逗号分隔的数字从文本文件上传到列表框,我不想在点击上传按钮时重新加载页面。

我想填充列表框中的所有内容。

文本文件内容示例:

123422234
243653718
353721838
354729839
263748239

OR

123422234, 243653718, 353721838, 354729839, 263748239

真的会感谢任何帮助,谢谢...

这是我在MVC5中的列表框

 @Html.ListBoxFor(model => model.SelectedRecipient, Model.Recipients, new { id = "recipientList", style = "width: 250px; height: 160px;", name = "recipientList" })

上传文件路径

<label><strong>Recipients From File</strong> </label>
                        <div class="well" style="margin-bottom:-15px;">
                            @Html.TextBoxFor(model => model.File, new { Class = "span12", type = "file", id = "file" })
                        </div>
                        <br />
                        <input class="btn btn-success" type="submit" id="Upload" value="Upload" />
                        <input class="btn btn-success" type="submit" id="clearFile" value="Clear" />

这就是我所拥有的,如何进行上传?

1 个答案:

答案 0 :(得分:0)

    $.get('file_to_read.txt', function(data) {
       do_something_with(data)
    });

function  do_something_with(data){
   var str ="<ul>";
    var arr = data.split('/');
    var lastID =arr.length-1;
    $each(arr ,function( index,lidata ) {
       str+="<li>"+lidata+"</li>"
       if (i == lastID) {
         str ="<ul>";
        $('#parentelement').html(str);
       }
    });

}